png画像の圧縮には pngquant を使おう [Mac/Win] - Qiita
Tips デフォルトのまま使うと、 圧縮前の画像を残したまま 圧縮した新しい画像 を作ってくれます。 例 pngquant image.png ↓ 「image-fs8.png」が新規作成される。 これはこれで良いですが、不要なファイルは消しときたいものです。 その場合は、オプションで色々指定出来ます。 // 同じファイル名で圧縮後上書きする pngquant --ext .png --force {your_dir}/*.png // 圧縮率を指定 (JPEGの圧縮率みたいなものらしい) pngquant --quality=65-80 {your_dir}/*.png // 圧縮スピード (1が最も遅く、10が最も速い。遅い方が圧縮率が高い、デフォルトは3) pngquant --speed 1 {your_dir}/*.png // IE6用 pngquant --iebug {y
![png画像の圧縮には pngquant を使おう [Mac/Win] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/977b066eea33b63beb7ad5b42de485aca20c3607/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9cG5nJUU3JTk0JUJCJUU1JTgzJThGJUUzJTgxJUFFJUU1JTlDJUE3JUU3JUI4JUFFJUUzJTgxJUFCJUUzJTgxJUFGJTIwcG5ncXVhbnQlMjAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElOEElRTMlODElODYlMjAlNUJNYWMlMkZXaW4lNUQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQ0YjJkZTg2Mjg0ZDliNGQ4ZWE2OWM0ZGQ0MjEwMjVh%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGhhbmtzMm11c2ljJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MDE2MjRiNjBkNzVjZjI1OTNiMTBhYzU0NjYyOTA4MA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D6c42698bcc5d58a20c142897886c314d)
svg2png - SVGファイルをPNGに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近、画像の代わりにSVGを使っているサイトが増えてきました。それは良いことなのですが、まだまだ対応していないソフトウェアも多く、使い回す際に若干の不便があります。そんな時はWebブラウザでSVGを表示して、それのスクリーンショットを取るなんて面倒なことをしたりします。 今回紹介するオープンソース・ソフトウェアはsvg2png、SVGをCLIでPNGに変換するソフトウェアです。 svg2pngの使い方 svg2pngのコマンドオプションです。 $ svg2png --help Converts SVGs to PNGs, using PhantomJS svg2png input.svg [--output=output.png] [--width=300] [--height=1
JavaScript を PNG に圧縮する | Yomotsu net
JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。
TinyPNG が JPEG ファイルの最適化にも対応、TinyJPG もローンチ
PNG ファイルの最適化 （減色 / 圧縮） を行うオンラインツール 「TinyPNG」 が JPEG ファイルの最適化にも対応しました。 これにあわせて、「TinyJPG」 も立ち上がりましたが、TinyPNG も TinyJPG も、どちらも PNG / JPEG ファイルの最適化を同時に行えるようになっていますので、サイト名が異なるだけで機能的には同じです。 上が元々ある TinyPNG で、下が TinyJPG のスクリーンショット。 使い方は同じで、パンダさんの横の ドラッグ & ドロップ エリアに、最適化したい画像をドラッグ & ドロップすればいいだけ （もしくはこの部分をクリックしてファイルを選択）。同時に 20 ファイルまで最適化できます。 今までの TinyPNG は PNG ファイル専用で、JPEG ファイルをアップロードすると当然ながらエラーになりましたが、今は JP
PNGGauntlet - PNG Compression Software
PNGGauntlet isn't being updated anymore. It still works fine but you might want to look at the alternatives listed below! Combines PNGOUT, OptiPNG, and DeflOpt to create the smallest PNGs Lossless: No image quality is lost — only file size Converts JPG, GIF, TIFF, and BMP files to PNG Parallel batch mode to compress multiple files at once The software license for PNGGauntlet permits unlimited dist
画像ファイルの最適化とスプライト画像の作り方 | さくらのナレッジ
Webサイトの最適化において、最も手軽にできて効果的なのは画像ファイル関連の最適化である。主に2つの最適化方法があり、1つは画像ファイル自体のファイルサイズを小さくして通信帯域を節約すること。もう1つは画像をまとめることによって通信回数を減らすことだ。それぞれのポイントや作業方法を解説していこう。 最適化できる画像はどのくらいある？ Webサイトの各ページには何かしらの画像ファイルが使われている。これらに改善の余地があるかどうかは、GoogleのPageSpeedなどの診断ツールを使って簡単に把握できる（参考：「PageSpeedを使ってWebサイトを最適化・高速化しよう」）。サイト運営でこれまでとくに画像最適化について意識していなければ、「？%サイズを縮小できる」「画像ファイルをまとめる」などのアドバイスを受けることだろう。 ファイルサイズを小さくできるPNG形式 一般に利用されている、
TinyPNGをオフラインのデスクトップで使う方法 PNGoo | 9ineBB
TinyPNGはオンラインPNGファイルを見た目に出来るだけ変化なく 小さくしてくれるサービスです、そのTinyPNGをオフラインのデスクトップで利用する方法 TinyPNGをオフラインで使う方法 まず実際にはTinyPngを使わないのですが ほぼTinyPNGと同じ物を使います TinyPNGはpngquantというツールをサーバー上で稼働させて 画像のファイルサイズを小さくしているみたいです pngquantのサイトに行くと、TinyPNGが紹介されています pagquant ダウンロードの項目には GUI版、コマンドライン版がありTinyPngはGUIの所に入っています このGUI版、もしくはコマンドライン版を使えばTinyPNGを使わなくても デスクトップでPNGの画像を小さくすることが出来ます Windows GUI版のダウンロードと利用 一般的なWindowsユーザーだとGUI
pngquant — lossy PNG compressor
pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
PNG画像のファイルサイズが1/3に！PNG画像を超軽量化する「ImageAlpha」｜男子ハック
仕組みをよく理解できていないのですが、ImageAplphaは色数を減らしてファイルサイズを軽量化してくれるアプリのようです。 詳しい人がちゃんと解説してくれると嬉しいです。無知でごめんなさい。 さらには透過PNGの透過も維持したままにできるそうなので、これは是非試さないと損。 参考：透過を保ちつつpngを高圧縮するMacの無料アプリImageAlpha。素でIE6対応 以下のキャプチャ画像をサンプルに試してみました 上の画像をサンプルにファイルサイズの軽量化をImageAlphaで試してみました。 最初の状態でファイルサイズは579KBです。 PNGファイルをアプリケーションにドラッグ＆ドロップします。 画面下部にImage sizeとしてどのくらい軽量になったかが表示されます。 保存しようとすると以下のような画面が開きます。 注目すべきは「ImageOptim」にそのまま送ることもでき
How to read Fireworks PNG multilayer files without Fireworks
I recieved a couple of Fireworks PNG files. Fireworks has a special format for saving several source images in layers in the png file. How can I read these without having Fireworks installed? (im working on a mac but with vmware so any suggestions whatever platform is appreciated) EDIT: I'd prefer to get a set of copies out of of the layered png. And I prefer if the export be lossless
PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT
png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ（WebPもあるか）。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - dbushell/grunt-svg2png: Grunt plugin to rasterize SVG to PNG images using PhantomJS
GitHub - foliojs/png.js: A (animated) PNG decoder in JavaScript for the HTML5 canvas element and Node.js