[B! png] manabouのブックマーク

データ特性による圧縮されやすいJPEG/PNGファイルの作り方 - hitomedia Tech Blog

はじめまして。株式会社ヒトメディアでフロントエンドをしつつ、時々デザイン周りの監修をしているいとーです。ヒトメディアでは毎月、有志が集まり勉強会を開いています。今日はそこで発表した、画像形式とその内容における圧縮のしやすさについての資料を公開したいと思います。この記事の内容バナーやLP用の画像作成したものの、規定容量超えちゃった! どうしよう... 😅 ってよくあるよねファイルの形式によって、圧縮されやすい画像とされにくい画像があります圧縮されやすい構造を理解することで、質の高い軽い画像を作ろう✨ この記事を読んでほしい人容量とにらめっこすることの多いデザイナー少しでも軽いサイトを作りたいフロントエンドエンジニアはじめに一般的に「画像を軽くする」というと、書き出し時のクオリティ選択や、書き出し後にメタデータを撤去するなど、ツールで処理する印象があると思います。

manabou 2018/06/11

リンク

Rust + WebAssembly でpngデコードを行うnode_moduleを作ってみる - Qiita

この記事は「WACUL Advent Calendar 2017」の5日目です。 WACULでフロントエンドエンジニアをしている@bokuwebと申します。表題の通りですがRustとWebAssemblyを使用してpngデコードを行うnode_moduleを作ってみました。モチベーションあるmoduleで使用しているpngjsによるデコード処理が時間を食っておりwasmで高速化できないかの調査 wasm32-unknown-unknownを使ってnode_moduleを作るとこまで体験しときたいリポジトリ RustとWebAssembly これまではwasm32-unknown-emscriptenを指定して、emscriptenを介してwasmを出力する必要があったんですが、先日のリリースにおいて1.24.0-nightlyでwasm32-unknown-unknownというta

manabou 2017/12/05

リンク

png2svg - PNGをSVGに変換

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました SVGもドロー系フォーマットとして一般的になりつつあります。モダンなWebブラウザは表示に対応していますし、JavaScriptと組み合わせればFlash風なインタラクティブ性を持ったコンテンツも作成できます。そんな中紹介したいのが画像をSVGに変換するというpng2svgです。 png2svgの使い方 png2svgを実行する際のコマンドです。画像をフルパスで与えるのが注意点です。 >.\png2svg.exe -f C:\ダウンロード\png 2svg-win64\png2svg-win64\image.png -q 0.7 そうすると画像がSVGになります。 png2svgは特に画像を解析している訳ではありません。画像をBase64にして、SVGの中に埋め込んでいるだけです