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
フォルダーに入れるだけで自動的に画像をリサイズできるフリーソフト「Dropresize」
画像ファイルを指定したフォルダーに入れるだけでリサイズでき、リサイズと同時に画像ファイルのバックアップ・ファイル名に文字追加・モノクロ加工・プログラムの実行・EXIF情報の消去などもできるフリーソフトが「Dropresize」です。インストール不要でWindows上で起動可能となっています。 操作方法などについては以下から。 Dropresize - SemiGeeK http://semigeek.wordpress.com/dropresize/ 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Dropresize.exe」を起動。 操作画面が表示されます。 まず、画像ファイルが入れられると自動的にリサイズを実行するフォルダーを指定するには、「Add」をクリックしてフォルダーを選択します。 選択したフォルダーが表示されます。
jQueryでの画像などのコンテンツ要素ループスライダーの改良版｜BLACKFLAG
以前に「jQueryでループして画像などコンテンツ要素をスライドさせる無限ループスライダーの作成方法」と題して、コンテンツ要素が無限ループするコンテンツオートスライダーの紹介をしましたが、機能部分でのリクエストなど要望もあって、改良版を作ってみたので紹介してみます。 以前のような自動でコンテンツ要素をループスライドする動作に加えて、スライド部分にマウスオーバーすることで動作をストップする機能と、左右にボタン要素をつけ、スライド動作の向きを変化させる動きを追加したバージョンになります。 まずは動作サンプルから。 10個並べてある画像が自動でスライドして無限ループする動作に加えて、スライドしているコンテンツ要素にマウスオーバーをすると動作ストップ、左右の「≪」「≫」のボタンにマウスオーバーするとスライドの向きが変化します。 この動作の全体構成についてHTMLから。 ◆HTML <div id=
画像圧縮サイト／TinyPNG
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】
iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした！ 待ってる間に、iPhone4も対象としたWEBアプリ（ネイティブアプリのweb view を含む） のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ？ はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね！ 拡大しなくても小さな文字が読めるなんてサイコー！ ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・？！ こういうイメージです。 そう、
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
パフォーマンスアップを意識した画像形式の書き出し方法 - EC studio デザインブログ
サイトのパフォーマンスアップをしたいけど、 作業をする時間がつくれない、作業するにしても影響範囲が大きくて なかなか実行できない…ということは非常に多いと思います。 そこで、今回は簡単！すぐできるパフォーマンスアップ！ Webサイトに最適な画像形式の書き出し方法をご紹介します。 以下で書き出した画像はFireworks CS5 を使用して書き出しています。 EC studio では基本的に画像はPNG8で切り出しています。 なぜかというと、ほとんどのPNG8画像のファイルサイズがGIFより軽いことと、 可逆圧縮で透過表示もできるからです。 しかし、状況によってはPNG8以外の形式も使用します。 主に写真はJPEG、半透明の画像はPNG8、PNG32、 アニメーションはGIFに書き出します。 PNGとGIFとJPEGがどの画像で使うのが向いているか比べていきましょう。 256色以内の画像の場
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPEGmini | Leading JPEG Compressor & Image Size Reducer
https://design-spice.com/2012/06/13/responsive-web-design-image/
http://www.jpegmini.com/main/my_account
画像を最適化するための５つのツール集 - Web/DB プログラミング徹底解説