こんばんは、ふなはしです
起業用のブログということで、今回は試作になりますがヘッダーを設定してみました
画像を作って、いざヘッダー登録!
設定して画像を確認すると…
なぜか画像がガサガサにみえる不思議
ノートパソコンのモニターのせいかなと思ったけど、
文字とか腕の部分とか、やっぱりガサガサ、モサモサして見えます><
その問題のヘッダーがこちら ※わかりやすく文字の部分を拡大してます
※文字の周りを見てみてください。文字の後ろに影があるような、ガサガサしているような…
気になって調べたところ、このガサガサ現象は、
アメブロの
「ブログデザインヘッダ・背景用画像の追加」の機能で
jpg画像をアップした場合に見られる画像の劣化とのことです。
※jpgというのはファイルの種類を表すために付けられる「拡張子」の一種で、画像ファイル(絵とか写真とか)につけられます。
ファイル名の.の後についているので、使用される場合はお手持ちの画像ファイルの後ろをチェックしてみてくださいね
画像だと、他にgifとかpngという名前のついた拡張子がつけられている場合があります。
拡大するとお分かり頂けますが、
画像が粗くなってしまっている(=劣化)んですね。
jpg画像だと写真や絵の部分はもちろん、特に文字の辺りは特に影がついたようにボサボサです
なお、こういう時はjpg形式ではなく、
png形式に変えると解決するということも分かりました
比較するとこんな感じ ※ちょっとだけ拡大してます
分かりますか文字の周りの影のような粗さがなくなり、読みやすい
png形式で保存したいときは、
画像処理ソフト(photoshopやペイントやGIMP)がある方は、保存する際にpng形式で保存、
ソフトがない方は画像変換してくれるサイト(たとえばココ)とかで変換するといいですね!
GIMPはフリーソフトなので、photoshopがない方で
ヘッダーやバナーを自作される場合はダウンロードしておいて損はないです
今回のようにアメブロをカスタマイズしていく際に気になった点は、
これから備忘録として残しておきたいと思います
私もアメブロ初心者で試行錯誤中ですが、
同じようなブログ初心者の方の手助けになれば幸いです
それでは、今日も最後まで読んでいただきありがとうございました