タグ: <span>JPEG</span>


そういえば
Twitterのクライアントばっかり見て、実際WEBサイトの見映えとかまったく気にしていませんでいした

最近、プロ野球選手のお絵かきなどをすることもし始めたので、けっこうWEBサイトのほうから見て頂いている人もいらっしゃるようです。

ということで、バナーでLet’s!自己主張!!

さて、どんなバナーにしようか…
脳内バトル発動

福岡ソフトバンクホークス森唯斗投手VS広島東洋カープ田中広輔選手

両方本当に大好きな選手ですが、本当に迷いに迷った結果
…僅差で田中広輔選手が勝ったので、さっそくこんなかんじで作りたいなーと

こうすけTwitterヘッダー画像500

やっぱり広輔かっこいい(惚れ惚れ)
バナーの絶望的にないセンスの無さは許してください

用意したバナーは1500pixel✕500pixel

ということで、さっそく配置

あれ?

上が詰まる

詰まるし、画像荒いし…(特に文字)
ちなみに、バナーはJPEGで書き出してました。

うーん…

上の分削ってみよう…

50pixel削り、画像形式もPNGにチェンジ

50足りない

見た感じまあまあ、見れる?
JPEG→PNG形式にしたら、見映えが全然違いました。
画像も改善されました

ん?青い部分が余ってる!

最初に計測しておくべきでした。

【結果】

説明

・大きさは1500pixel✕500pixel
 500pixelのうち、上部45pixelを含むので、その部分は考慮して作る

・画像形式はPNG

ということになりました

ああ、センスが欲しい…

 

SNS(ソーシャル・ネットワーキング・サービス) Twitter 日々つれづれ・日記 野球・やきう 雑記