タグ

PNGと画像に関するtuffgong57のブックマーク (7)

  • 無料でロスレス圧縮&プログレッシブ表示もサポートしPNGより40%以上も高圧縮な画像フォーマット「FLIF」

    一般的な画像形式のPNGに比べて40%以上ファイル容量を小さくでき、ロスレス圧縮やプログレッシブ表示もサポートする画像フォーマット「FLIF」が登場しました。しかもFLIFはApache 2.0ライセンスで無償提供されています。 FLIF - Free Lossless Image Format http://flif.info/ 以下のグラフは、WebPを開発するGoogleの研究にならって行われた画像圧縮テストの結果を示したもの。えんじ色・赤色(インターレースなし)のFLIFフォーマットは、他の画像フォーマットよりも高い圧縮率を示しています。同画質ではJPEG 2000比で53%、PNG比で43%、圧縮率の高さで知られる「BPG」比で22%、WeP比で14%もファイル容量が小さいとのこと。 画像がデータの先頭から読み込まれるのではなく、ダウンロードサイズに応じた画像を表示できるプログレ

    無料でロスレス圧縮&プログレッシブ表示もサポートしPNGより40%以上も高圧縮な画像フォーマット「FLIF」
  • JPEG・GIF・PNGってどう使い分けるべき?知っておきたいイメージ形式の基礎知識 | ニコニコニュース

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

    JPEG・GIF・PNGってどう使い分けるべき?知っておきたいイメージ形式の基礎知識 | ニコニコニュース
  • JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる!

    WEBデザイナーの仕事をしてまして、職業柄様々な拡張子の画像を扱いますので使い分けについて分かってるのですが、ブログをやってる方はそこまで気を使ってない人が多いように見受けられます。 特にJPGとPNGは全然違ったフォーマットなので、画像の性質に合わせて使うべきです。

    JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる!
  • 無料でPNGファイルを最大70%圧縮してファイルサイズを減らす「TinyPNG」

    PNGファイルをブラウザにドラッグ&ドロップするだけで画像を最大70%まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ:549KB フォルダーのアイコン:52KB

    無料でPNGファイルを最大70%圧縮してファイルサイズを減らす「TinyPNG」
  • 画質を下げずに画像のファイルサイズを圧縮できる「PNG Minimizer」

    サイト訪問者のストレスを軽減するために、サイトの表示速度はなるべく速くしたいものです。しかし昨今、メディアのジャンルあるいは記事の内容によっては、画像や動画などのリッチコンテンツがないと、ある場合と比較して直帰率の増加、滞在時間の減少などを招く傾向にあります。(当ブログ調べ) このジレンマを解決するには、画像のファイルサイズを圧縮して、ページ読み込みの負荷を減らしてあげる必要があります。この手のサービスにはYahoo! Smush.it™やCaesiumといったのようなものもありますが、今回は画質を保つだけではなく、画質をどれくらい落とすか調整しながらファイルサイズを圧縮できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 画質を落とさずにファイルサイズを圧縮 「PNG

    画質を下げずに画像のファイルサイズを圧縮できる「PNG Minimizer」
  • ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する「TinyPNG」がスゲェ!!

    こいつぁスゲェ! PNG画像を非可逆圧縮するブラウザアプリ「TinyPNG」というのを試してみたんですが、とんでもないですねコレ。 画像自体はほぼ変わらんのに、驚異的なサイズダウン。まるで禁断のダイエット法にも見えるんですが、どんな仕組みなんだろ・・・。 TinyPNG – Compress PNG images while preserving transparency 使い方はすごくかんたん。 「TinyPNG」にアクセスしたら、画面の[Drop your .png files here!]というスペースに、圧縮したいPNGファイルをドラッグ&ドロップするだけです。 圧縮のタスクが完了すると、ダウンロードリンクが表示されるので、それをクリックしてローカルに保存すればOK。 画面遷移は一切ありません。 すげーサイズダウンします これは実際にサイズダウンしてみた結果。 左が元画像で右がTi

    ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する「TinyPNG」がスゲェ!!
  • PNG画像をブラウザにドラッグ&ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」:phpspot開発日誌

    TinyPNG ? Compress PNG images while preserving transparency PNG画像をブラウザにドラッグ&ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」。 デスクトップ等においてあるPNGファイルをブラウザにドラッグ&ドロップするだけでpngを圧縮してくれてすぐダウンロードできるサービスです。 ためしにやってみたところ、サイズが半分近くの65%になりました。 次のようにサイズは変わっても無劣化だということが分かります 半分以下のサイズで無劣化なら使わない手はありませんね。 関連エントリ PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」 ドラッグ&ドロップでCSSを瞬時に圧縮できるブラウザツール「excssive.com」

  • 1