[B! 画像] hikute_amataのブックマーク

hikute_amata id:hikute_amata

画像に関するhikute_amataのブックマーク (3)

Facebookの画像サイズをピッタリきれいに見せる方法 [CG・画像加工] All About
なぜこのように画質が劣化するのでしょうか。 Facebookにアップロードする画像はJPEG形式です。この形式は色を圧縮して保存することで、ファイルサイズを小さくすることができるという特徴があります。インターネット上では画像のファイルサイズが小さいほど、素早く表示できることから、このJPEG形式が多く使用されています。ただし圧縮すればするほど画質は劣化してしまうという欠点もあります。 Facebookでも、写真をアップロードすると自動的に圧縮がかかるように設定されています。これにより、どんな写真も元の写真よりも画質が50数%以下になります。写真によっては10数%以下にまで落とされる場合もあります。では、できるだけ大きいサイズの写真をアップロードすればきれいに表示されるのでは？と考えてしまいますが、ところがこれは逆効果なのです。大きいサイズの写真ほど劣化するちなみにFacebookで
hikute_amata 2015/10/31
画像

facebook
リンク
アイコン画像をテキストと一緒に表示するコツ « DRYOUT プログラマー社員のブログ
Webサイトを作るときに、ページの至る所で小さいアイコン画像をよく使います。文字だけよりも、横にその文字に関連するアイコンを付けた方が、より直感的で見栄えも良くなりますので。しかし、そんな風にテキストの横にアイコンを並べようとしても、なぜかアイコンの表示される位置が微妙におかしいってことありませんか？たとえばこんな感じです。ご覧のとおり、アイコンとテキストの垂直位置がけっこうズレるんです。この現象がなぜ起こるかという説明をし出すとややこしい話になるのですが、簡単に言えば原因は次のとおりです。テキストと画像は同じインライン要素であって似て非なるもの画像の縦サイズとテキストサイズが異なるほどズレが目立ちやすい解決法は、スタイルシート（CSS）を使用して、これらの原因をひとつひとつで解決するしかありません。ソリューションとなるスタイルシートは次のとおりです。 img { disp
hikute_amata 2013/12/03
画像

css
リンク
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
hikute_amata 2009/08/04
pngって使っていません

画像
リンク
1