ぱれっとLaBO

乙樹とみのる二人によるイラストのこと趣味のこと、少しでも誰かの役に立てるような事を書いてます。

ぱれっとLaBO

はてなブログで画像編集する方法

camera

 

ブログ書いてる中に、画像貼り付けは必要不可欠なわけですけれど、

画像サイズはそのままで記事内に表示させる時だけ小さくできないかなぁと思って初めて「はてなフォトライフ」という存在を知ったわけです。

 

そのフォトライフの使い方を備忘録を兼ねまとめました。

 

 

画像を記事内に貼り付ける

編集画面右側に「写真を投稿」というのがあると思います。

 

そこから貼り付けたい画像をアップロードすれば画像を貼ることができます。

ですがそれだけだと、画像サイズが大きかったりすると画面からはみ出てしまったり圧迫感が出ててしまいます。

 

 photo

 

はてな編集モードを「見たまま」で設定編集していると、

画像をクリックしたとき四隅に□マークが出てくると思います。

 

それをクリック&ドラッグさせると、サイズを縮小したり拡大したり変更することができます。

アップされた記事を見たときに画像をクリックすれば、貼り付けたときの元のサイズで表示されるようになります。

 

 

フォトライフで画像編集する

記事内編集ではなく、貼り付ける前から画像サイズを小さくしたり、編集したい場合は「写真を投稿」のフォルダメニュー横の→マークをクリックします。

 

photo

 

すると「はてなフォトライフで編集」画面が開きます。

photo

右側にあるフォルダ欄の「Hatena Blog」にブログ編集画面からアップロードした画像が保存されてます。(デフォルト)

 

フォルダ名横の「編集」をクリックするとフォルダ内の画像が一覧で表示されます。

photo

一覧画像の中から、編集したい画像をクリックして「編集」をクリックすると、画像サイズ、タイトルなどが編集できます。

 

フォトライフを使って画像のリサイズを行っておくと、容量を縮小できるので表示速度が上がり有利です。

*最初の画像縮小方法だけでは容量はそのままになります。

 

また、画像を削除したい場合は画像選択してから、左上の「削除」ボタンでできます。

 

↑上の画像ではパンダのイラストが二枚並んでいますが、

フォトライフからサイズなど編集すると、編集後の画像が別で保存されるので編集前の画像と合わせて2枚保存されてしまいます。

2枚あると記事編集時にわかりにくくなってしまいますので、もし編集前の画像がいらない場合は削除で消しておきましょう。

 

フォトライフのいろいろ

フォトライフページから、直接ブログに貼り付けるためのHTMLを表示させられたりすることもできます。

私はよく記事を書きながら別ウィンドウにフォトライフを表示させて並べて書いてます。

 

フォトライフページから直接画像アップロードもできるので使い勝手が良いです。

 

・フォルダ分けしておくと、のちのち整頓がしやすいかもしれませんね。

 

SEO対策を考えている方は、記事に画像貼り付け時に「altタグ」について知っておく価値があります!(ail属性:画像の代替テキスト)

 

 

 

以上が画像編集についてでした。

私なりのまとめなので、まだまだ良い使い方があるかもしれません!

SEO対策もしっかりしておきたいところです…!

 

 

 



 -ストックイラスト-

PIXTA 
PIXTAいつき PIXTAみのる

Shutterstock 
Shutterstockいつき Shutterstockみのる

Adobestock 
Adobestockいつき Adobestockみのる

istock 
istockいつき istockみのる

photolibrary 
フォトライブラリーいつき フォトライブラリーみのる

123RF 
123RFいつき 123RFみほみのる

イラストAC 
イラストACいつき イラストACみほみのる

-Twitter-

Twitter@miho_minoru Twitter@1tsuki__


©2019 ぱれっとLaBO

 お問い合わせ / プライバシーポリシー