「このくらい書かないと何言ってるかわからんぞ」JPEGとPNG画像の可逆性による違い、解説画像の解説画像が必要なくらい難しい問題

2023/08/19 183 users JPEG 解説画像 問題

つだしん @tsudashin jpegは不可逆圧縮でpngは可逆圧縮 保存を繰り返す毎に劣化するのがjpeg 解像度低く保存したものは元に戻りません という意味です ちなみにPNGは透過に対応、jpegは非対応 「PNGは色が少ない」と言ってる人いるが、jpegとPNG-24とも1670万色で同じで、ただPNGのデータ量はバカデカい 2023-08-19 10:0... 続きを読む

これは知らないと損！背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》

2015/12/10 383 users Photoshop 輪郭 バリエーション テクニック 背景

人物と背景を合成したい場合、予め人物の背景を透明にしたままで PNG画像保存 をしておくことで、 さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます 。 関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。 しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出... 続きを読む

画像のファイルサイズを最大70％減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」 - GIGAZINE

2014/11/18 205 users GIGAZINE コマンドラインツール TinyPNG 透過

PNG画像を最大70％圧縮できたり、透過処理したPNG画像も透過処理を残したまま圧縮できたり、複数PNG画像を一括で処理したりもできるファイル圧縮ツールが「PNGoo」です。無料でブラウザ上からファイルサイズを圧縮できる「TinyPNG」や「Kraken.io」でも使われている「pngquant」というコマンドラインツールを使用したフリーソフトで、ブラウザ上で処理を行うわけではないのでインターネッ... 続きを読む

このクオリティはスゴイ！JPEG, GIF, PNG画像をベクターに変換する無料のオンラインサービス -PicSVG | コリス

2014/10/08 831 users コリス JPEG SVG ベクター gif

写真やイラストや文字など、JPEG, GIF, PNG画像をSVGのベクターに変換できる無料のオンラインサービスを紹介します。 写真画像でもこのクオリティは、スゴイですね！ PicSVG 変換前の元画像は、.jpeg, ...記事の続きを読む 続きを読む

PNG画像をより美しく、より軽量に最適化するPhotoshopの機能拡張 -PNG Hat | コリス

2014/02/23 162 users hat コリス PNG Subtle Patterns 軽量

Photoshopで作成したものをCSS3に書き出す「CSS Hat」、Subtle Patternsのパターン素材を簡単に利用できる「Subtle Patterns」、各ソーシャルメディアのテンプレートを1クリックで作成できる「Social Kit」などをリリースしているmadeby sourceから、これもまた便利なPhotoshopの機能拡張がリリースされたので紹介します。 PNG Hatは... 続きを読む

[JS]SVGを始める人にぴったり、ウェブページでSVG画像を安心して利用できるスクリプト -SVGMagic | コリス

2014/01/29 147 users jQuery GitHub コリス SVG ウェブページ

ページ上の画像や背景画像として使用したSVG画像をSVG非サポートブラウザで表示した際にPNG画像に自動変換するjQueryのプラグインを紹介します。 SVGMagic SVGMagic -GitHub 上記ページを、SVG非サポートブラウザで表示した時にはこんな感じに。 IE8だとPNG画像で表示されました SVGMagicではSVG非サポートブラウザではPNG画像を生成し自動で置き換えて表示す... 続きを読む

JPEG画像の画質を下げずに最大90%ファイルサイズを圧縮できる「JPEG Minimizer」 - WEBマーケティング ブログ

2013/04/08 318 users JPEG画像 WEBマーケティング 画質 グラフィカル コクヨ

PNG画像のファイルサイズ圧縮ならPNG Minimizerがオススメですが、JPEG形式の写真を扱うことも多いので、オンラインで手軽に圧縮できないものかと思っていたら、PNG Minimizerの派生型サービスとしてJPEG版もあったのでご紹介しておきます。 【無料】一目で分かるグラフィカルな高機能解析！ 針のいらないホッチキス コクヨ ハリナックスわたくし愛用中です！ JPEG画像のファイルサ... 続きを読む

ここまで小さくなるの!? PNGを非可逆圧縮する｢TinyPNG｣がスゲェ!! | [M] mbdb

2012/10/21 541 users mbdb TinyPNG スゲェ PNG 禁断

こいつぁスゲェ! PNG画像を非可逆無劣化圧縮するブラウザアプリ｢TinyPNG｣というのを試してみたんですが、とんでもないですねコレ。 画像自体はほぼ変わらんのに、驚異的なサイズダウン。まるで禁断のダイエット法にも見えるんですが、どんな仕組みなんだろ･･･。 TinyPNG – Compress PNG images while preserving transparency  使い方はすごくか... 続きを読む

PNG画像をブラウザにドラッグ＆ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」:phpspot開発日誌

2012/10/19 104 users TinyPNG PNG Compress PNG 半分近く

TinyPNG ? Compress PNG images while preserving transparency PNG画像をブラウザにドラッグ＆ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」。 デスクトップ等においてあるPNGファイルをブラウザにドラッグ＆ドロップするだけでpngを圧縮してくれてすぐダウンロードできるサービスです。 ためしにやってみたところ、サイズが半分近くの... 続きを読む

PNG画像のファイルサイズが1/3に！PNG画像を超軽量化する「ImageAlpha」 | 男子ハック

2012/08/17 413 users JPEGmini ImageAlpha images 軽量化

@JUNP_Nです。JPEG画像の軽量化といえばJPEGminiが超オススメなのですが、PNG画像はどうでしょうか。ImageAlphaを試してみたらとてつもなくファイルサイズが小さくなったのでご紹介。 色数を減らしてファイルサイズを減らすってことみたい ImageAlpha — lossy compression for 24-bit PNG images (like JPEG with alp... 続きを読む

CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう

2012/07/11 347 users ブチ ボックスシャドウ 装飾 class サンプル

写真ブログcruzinで紹介している写真に背景画像で影をつけていますが、写真のブログとして作った「cruzin」では正方形型の写真用のフチ3パターンと長方形型の写真用のフチ3パターン、計6パターンのpng画像を背景画像としてあらかじめ用意しそれぞれにclass名をつけ指定しておきました。そしてフチをつけたい写真に先ほど用意したclassを指定することで写真のフチを表現していました。 写真ブログcr... 続きを読む

PNG画像をいい感じに最適化してくれる『punypng』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2009/08/18 218 users PunyPNG IDEA before After おー

PNG画像の最適化手法についてはたまに話題に上りますが（ここらへん）、そうした処理を自動でやってくれるっぽいツールのご紹介。 punypngを使えば画像をアップするだけでささっと変換してくれますよ。 ↑ 変換中。 ↑ おー、確かに。 実際やってみたのでBefore＆Afterをば。上にもあるように約8%圧縮されています。 ↑ Before。 ↑ After。 まったく遜色ないですね。覚えておいて損... 続きを読む

続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス

2009/07/27 376 users コリス 軽量 テクニック

PNG Optimization Guide: More Clever Techniques はじめに 1. グレースケールのPNG 2. 色数はより少なく 3. ディテールの最適化 4. More Tips 5. Video Tutorial はじめに あなたは既にPNGフォーマットの画像に精通しているかもしれません。PNGはGIFに代わる劣化のないフォーマットとして非常に優れたものです。ここで... 続きを読む

PNG画像をより美しく、より軽量に最適化するテクニック | コリス

2009/07/16 572 users コリス SmashingMagazine 軽量 テクニック

先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 4番目のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼー... 続きを読む

IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com

2008/09/24 264 users アルファチャンネル Blog hamashun ライブラリ

最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 な... 続きを読む

窓の杜 - 【NEWS】写真を輪郭線だけの画像に変換できる「輪郭抽出器」

2008/03/03 675 users NEWS 輪郭線 BMP 画像 下絵

写真を輪郭線だけの画像に変換できるソフト「輪郭抽出器」v2.10が、2月10日に公開された。Windows 98/Me/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「輪郭抽出器」は、BMP/JPEG/GIF/PNG画像から輪郭線だけを抽出できるソフト。写真から輪郭線だけを抽出すれば、塗り絵の下絵を作る際やイラストを描くときの参考に利用できる。輪郭線を抽出... 続きを読む

羽・花・蝶・葉・光など14種2000以上のPhotoshopのブラシ&画像 -ShadyMedusa | コリス

2007/09/28 361 users Brushes フラクタル フォトフレーム ブラシ 形状

ShadyMedusaでは、羽・花・蝶・葉・光・紙・フラクタル・フォトフレームなどたくさんのPhotoshop用のブラシを配布しています。 Brushes -ShadyMedusa ブラシと合わせて、PNG画像もあるのでPhotoshopが無い人でもイメージを利用することができます。 各画像をクリックすると、ブラシの形状が表示されます。 続きを読む