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

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

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

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

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

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

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

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

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

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

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

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

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... 続きを読む

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

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

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

続：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に代わる劣化のないフォーマットとして非常に優れたものです。ここで... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「このくらい書かないと何言ってるかわからんぞ」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の機能拡張 -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画像を生成し自動で置き換えて表示す... 続きを読む

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画像のファイルサイズを約7割削減できる「TinyPNG」 - CNET Japan

2013/05/25 95 users TinyPNG ウェブサービスレビュー ファイルサイズ

進むGoogle Mapsの企業利用--前篇 Google Maps&Earthをビジネスに活かす！ 通信・情報サービス業での成功事例を紹介 ストレージ肥大化への処方箋 無料アセスメントでストレージの健康診断 無理なくダイエットを実現、その秘密は！？ グループウェア市場に大きな変革1 SaaS型サービスへのトレンドシフト 好調企業ほどグループウェア重視の傾向が 進むGoogle Mapsの企業利用... 続きを読む

PNG画像でもコマ送りのアニメーションさせてしまう、ナイスアイデアのスタイルシート -Sprite sheet | コリス

2012/12/03 85 users ナイスアイデア steps コリス CSSスプライト gif

アニメーションに対応した画像といえばGIFですが、PNG画像でもコマ送りのアニメーションさせてしまうスタイルシートのナイスアイデアを紹介します。 Sprite sheet animation with steps(). デモはCSS3アニメーションに対応したブラウザでご覧ください。 デモページ 仕組みは、横に各コマを並べたPNG画像をCSSスプライトで順に表示させて、コマ送りのアニメーションのよう... 続きを読む

【レビュー】見た目の画質や不透明度はそのまま、PNG画像のファイルサイズを70％削減する「PNGoo」 - 窓の杜

2014/02/28 84 users コマンドラインツール pngquant 不可逆 PNG形式

レビュー 見た目の画質や不透明度はそのまま、PNG画像のファイルサイズを70％削減する「PNGoo」 コマンドラインツール「pngquant」のGUIフロントエンド （2014/2/28 17:26） 「PNGoo」v0.1.0.0 「PNGoo」は、PNG形式の画像ファイルを不可逆圧縮するツール。Windowsに対応するフリーソフトで、編集部にてWindows 8.1で動作を確認した。“pngq... 続きを読む

思考を妨げずに、モックアップをさくさく作成できるオンラインツール -Mockup Designer | コリス

2012/11/27 83 users コリス モックアップ ローカルストレージ インターフェイス

ブラウザのローカルストレージを使用して、直観的なインターフェイスでモックアップを簡単にさくさく作れるオンラインツールを紹介します。 Mockup Designer 気になるのは日本語の文字化けですが、Chrome, Firefoxで試したところ、どちらも文字化けせずに利用できました。 文字化けのテスト 書き出し機能はPNG画像を生成し、そちらも平気でした。 Exportしたモックアップ 使い方は、... 続きを読む

[CSS]属性セレクタを使ったちょっと面白いスタイルシートのテクニックのまとめ | コリス

2012/07/02 83 users コリス result 属性セレクタ jsfiddle CSS

属性セレクタを使って、デバッグ用に空のリンクを目立たせたり、外部リンクのみアイコンをつけたり、head内のscriptやstyleのデータを明示するなど、ちょっと面白いスタイルシートのテクニックを紹介します。 空のリンクを目立たせる 外部リンクを目立たせる 外部リンクのみアイコンを付与する PNG画像を裏返しにする head内の要素を可視化 デモ表示に使用している「Jsfiddle」はResult... 続きを読む

試してみたらすごかった！PNG画像を最適化し、ファイルサイズを大幅に減らす無料アプリ -Crunch | コリス

2018/03/29 81 users コリス 損失 性質上 最適化 アプリ

無駄な損失が多いPNG画像を最適化し、画像品質の穏やかな部分を利用して、ファイルサイズを大幅に軽量化するmacOS対応の無料アプリを紹介します。 アプリの性質上、得意な画像と不得意な画像がありますが、ほとんどがファイルサイズ半分以下に軽量化されました。 Crunch -GitHub Crunchで最適化した画像 Crunchのインストール・使い方 Crunchで最適化した画像 Crunchで最適化... 続きを読む

大量のPSDファイルを全部PNGに書き出したい、そんな要望に応える無料のアプリ、しかもPhotoshop無しで -PSD to PNG | コリス

2014/06/11 77 users App コリス Photoshop 解凍 ドラッグ

一つでも複数でも、PSDファイルをPNG画像にまとめて書き出すOS X用のフリーのアプリケーションを紹介します。 書き出し用としても便利ですが、Photoshopの無い環境でPSDファイルをチェックする時にも使えますね。 PSD to PNG - Automator Action 使い方は、非常に簡単。 ダウンロードしたファイルを解凍。 「PSD to PNG.app」にPSDファイルをドラッグ&... 続きを読む

画像データから不要なメタデータを一発で削除できる「JPEG＆PNG Stripper」 - GIGAZINE

2015/03/18 74 users JPEG Exif情報 削減 容量 JPEG画像

JPEG画像やPNG画像をドラッグ＆ドロップするだけで、データに含まれるメタデータをサクッと削除してくれるフリーソフトが「JPEG & PNG Stripper」です。スマートフォンやデジタルカメラで撮影した画像データに含まれるEXIF情報などを削除し、画質に一切影響を与えることなく容量の削減を行うことも可能です。 JPEG & PNG Stripper - www.SteelBytes.com ... 続きを読む