タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

webとmarkupに関するusako1124のブックマーク (2)

  • JPEG画像の最適化には85%の品質がいいらしいので画像の最適化プロセスを見直してみた

    オリジナルはPhotoshopの「書き出し」で画質を100%にして書き出した画像です。画像によっては81%にしても目視では差がわからなかったので、それくらい下げちゃっても良さそうですけど、ざっくりとしたデフォルトとしては85%が良さそうです。91% → 85%の方が85% → 81%より圧縮率がいいんですね。 サンプル画像 上の表にある「sampleXX.jpg」の画像をまとめて圧縮したファイルを用意しました。ご参考までに以下からダウンロードどうぞ。 サンプル画像をまとめて圧縮したファイル(ZIP / 3.4MB) ちなみに、表で91%と81%になっているのはImageOptimで設定できるのが、なぜかその数値だったからです。90%、80%には設定できませんでした(v1.8.0)。 職場で作業するときのプロセスはだいたい以下のような感じです。 PhotoshopやAffinity Desi

    JPEG画像の最適化には85%の品質がいいらしいので画像の最適化プロセスを見直してみた
  • CodePenっぽいコードプレビュー・管理のできるChrome拡張【Web Maker】

    2017年10月24日 便利ツール 先日行ったCSS Nite in HIROSHIMA Vol.10では初めてのライブコーディングを行いながらの登壇でした。今回はそこでコーディングデモを見せるために利用したツール「Web Maker」を紹介します。 ↑私が10年以上利用している会計ソフト! Web Makerって何? Web MakerはHTMLCSSJavaScriptのコードを書けば、リアルタイムでプレビュー表示できるChrome拡張です。こういったコードのプレビュー・保存はずっとCodePenを使っていましたが、Web Makerのいいところはオフラインで使えるところ!CSS Nite in HIROSHIMAの会場ではWifiが利用できなかったのと、仮にインターネット環境があったとしても遅延があると嫌だなぁということで今回はWeb Makerを試してみました。 ちなみにCod

    CodePenっぽいコードプレビュー・管理のできるChrome拡張【Web Maker】
  • 1