ブラウザ上から写真の劣化をおさえて圧縮できるツール14選
最近では、解像度の高い写真素材をWebサービスやWebサイトに用いたデザインが増えています。解像度の高い写真などを使う場合、容量が大きくなってしまい、表示速度が遅れる、サーバー容量を圧迫するといった原因にもなるため、できるだけ画像は圧縮して軽量化する必要があります。 一方で、圧縮方法によっては写真自体が劣化するといった問題もあるため、圧縮方法は注意したいところ。そこで今回は、ブラウザ上で使えて劣化せずに写真を圧縮できるツールをまとめてご紹介します。 写真を劣化せずに圧縮できるツール14選 1.TinyPNG https://tinypng.com/ PNG画像を可逆圧縮できる、類似圧縮サービスの中でも知名度の高いツールです。 トップページからPNG画像をドラッグ＆ドロップでアップロードすれば、あっという間に画像の圧縮が完了します。 最大20ファイル、5MBまでアップロードできるため複数ファ
画像圧縮サイト／TinyPNG
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
親要素の大きさに合わせて画像をリサイズ「imgLiquid」
「imgLiquid」は親要素の大きさに合わせて画像を縮小・切り取りを行ってくれるjQueryプラグインです。 ダウンロードはこちら スクリプト <script src="jquery.min.js" type="text/javascript"></script> <script src="imgLiquid-min.js" type="text/javascript"> 実装 <!-- thumbnail( 300x200 ) --> <div class="div1077" style="width:300px; height:200px;"><img src="画像"></div> <!-- thumbnail( 150x100 ) --> <div class="div1077" style="width:150px; height:100px;"><img src="画像"><
カスタムフィールドでアップした画像のリサイズに関して
コーディングコンテストが先ほど締め切りになりましたね。 ご参加した皆さま、本当にお疲れさまでした。 きっとすごい時間使ったんだろうなぁ・・・と思います。 こんなブログ書いてるくせに、ボク個人としてはCSS3の使い方とかはそんなに重視して無くて、HTMLがどんだけイケてるかが重要だと思ってます。 さて、そんな中なのにMT関係のエントリーです。 MTで画像のリサイズを色々頑張るためのやり方です。 想定している状況は、あんまリテラシーが高くない人が画像をアップしても、大変な事にならないようにアップした画像サイズに合わせて適切な画像サイズになったらいいよねって感じです。 リサイズ関係では、以下の記事やプラグインも参考になるかなと。 小粋空間: Movable Type のブログ記事に表示する画像のサイズを制御する ResizeImage - MovableTypeプラグイン 今回ボクがやろうとして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sakurachiro.com
