[B! jpg] tuffgong57のブックマーク

JPEG・GIF・PNGってどう使い分けるべき？知っておきたいイメージ形式の基礎知識 | ニコニコニュース

「拡張子」とは、ファイル名のうちの「.(ピリオド)」で区切られた文字列であり、そのファイルの種類を識別するためにつけられています。拡張子はオペレーティングシステム(OS)においてファイルの判別のため任意につけられるものであり、どのような場合においても必ずしも必要になるというわけではありません。音声データやテキストデータなどさまざまなデータを管理するうえで拡張子の形式の変化が重要になりますが、特に画像を保存する際はその拡張子の違いが如実に現れることになります。仕事上のデータのやりとりだけでなく思い出の写真の保存や個人ブログでの使用・アップロードなど、さまざまな場面ごとで使い分けたい画像の拡張子の性格についてご紹介致します。 ■ 画像に使える一般的な拡張子 ◎ JPEG(Joint Photograph Experts Group) jpegはjpgとも呼ばれ使用される、もっとも一般的な画像形

tuffgong57 2014/09/06

リンク

画像の作り方・使い方でファイルサイズを減らす方法

画像のサイズを軽くするためにCSSやWebフォントを使う方法はよく聞かれますが、今回は画像ファイルを使う前提でその容量を減らす方法を別の切り口からまとめてみました。高速化のための画像最適化の方法はいろいろなところで紹介されております。当ブログでも過去にレスポンシブWebデザインの画像問題の解決法5種という記事を書きました。こちらの記事でも紹介したように画像のサイズを軽くするためにCSSやWebフォントを使う方法はよく聞かれますが、今回は画像ファイルを使う前提でその容量を減らす方法を別の切り口からまとめてみました。デザインに左右される方法が多いので使えるケースは限られてますが、知っておくとどこかで役に立つかもしれません。画像をぼかす jpegはそのアルゴリズムの特徴から通常の画像よりぼかした画像のほうがファイルサイズをおさえることができます。また、これは全体でなくて一部をぼかす場合

tuffgong57 2014/04/16

リンク

JPEGのサイズを10％圧縮、Mozillaが新エンコーダー「mozjpeg v1.0」発表

JPEGのサイズを10％圧縮、Mozillaが新エンコーダー「mozjpeg v1.0」発表：互換性を保ちながらファイルサイズを縮小 Mozillaは2014年3月5日、主要デコーダーとの互換性を保ちながら、平均でファイルサイズを10％縮小させる新しいJPEGエンコーダー「mozjpeg v1.0」をリリースした。 Mozillaは2014年3月5日、主要デコーダーとの互換性を保ちながら画像圧縮率の改善を目指す新しいJPEGエンコーダー「mozjpeg v1.0」のリリースを発表した。画像圧縮フォーマットのJPEGは1992年ごろに登場し、Web上で広く普及。現在ではWeb上のほとんどの写真にJPEGが使われるようになり、Webブラウザだけでなく画像を表示できる全ソフトウェアとのほぼ普遍的な互換性が確立されている。ただ、比較的サイズが小さいHTMLやJavaScript、CSSなどのフ

tuffgong57 2014/03/08

リンク

ツール不要でもちろん無料！私がやってるブログ用画像の作り方を紹介します - ラブグアバ

ブログを読みやすくするためにイメージ画像をつけろ！というのはよく言われてることです。私もとりあえず記事の先頭に表示する用の画像はいつも作成して挿入するようにしています。以前はどんな画像にしようか…と頭を悩ませていたものですが、最近ではフリー画像を集めたサイトもいろいろ出てきて便利になりましたよね（私が知らないだけで昔からあったかなｗ）。でも認知度が上がってくると避けられないのが「あーこの写真、別のブログでも見たなあ…」という、他のサイトと被っちゃうこと。ぱくたそさんで扱ってるOZPAさんの画像なんか、それはもう至る所に使われてますよね。まあそれは別にいいんですが、同じ画像でもちょっと一手間かけて加工してやると「お、なんかいい感じ！」と思うのは私だけでしょうか。というわけで、今回は私がやってる「ブログ用画像の作り方」をご紹介したいと思います。ツールなどをインストールする必要は一切

tuffgong57 2014/02/17

リンク

ホワイトや明るいグレーの質感をアップするテクスチャ素材のまとめ

個人でも商用でも無料で利用できる、繊細なパターンを使ったホワイトや明るいグレーのテクスチャ素材をPixeden紹介します。

tuffgong57 2014/01/14

リンク

［ウェブサービスレビュー］ロゴに使われている欧文フォントの種類を解析できる「WhatFontis.com」

内容：「WhatFontis.com」は、ロゴなどに使われている欧文フォントの種類をオンラインで解析できるサービスだ。フォントの種類が気になった場合に手軽に調べられるのはもちろん、過去に作成したロゴに用いたフォントの種類がわからなくなった場合も、目視で比較する手間を掛けることなく、簡単に特定することができる。「WhatFontis.com」は、ロゴなどに使われているフォントの種類をオンラインで解析できるサービスだ。フォントの種類が気になった場合に手軽に調べられるのはもちろん、過去に作成したロゴに用いたフォントの種類がわからなくなった場合も、目視で比較する手間を掛けることなく、簡単に特定することができる。使い方は簡単で、解析したいフォントが用いられているロゴ画像を選択したのち、背景色が解析対象のフォントよりも明るいか暗いかを選んで続行。自画面で、フォントが1文字ずつ分割された状態で表示