JPEG画像のファイルサイズを最大90%圧縮できる「JPEG Minimizer」
※検索結果ページから競合調査をおこなったうえでタイトルを付けたところ、タイトルの一部に語弊があったので修正しました。また、比較方法にも誤解を招く、あるいは判断しづらい部分があったので修正を加えました。ご迷惑をおかけします。 PNG画像のファイルサイズ圧縮ならPNG Minimizerがオススメですが、JPEG形式の写真を扱うことも多いので、オンラインで手軽に圧縮できないものかと思っていたら、PNG Minimizerの派生型サービスとしてJPEG版もあったのでご紹介しておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! JPEG画像のファイルサイズを圧縮 「JPEG Minimizer」は、BMPやPNG、JPEGといった形式の画像を、画質をあまり落とさずに、ファイルサイズを圧縮したJPE
Kaleidoscope — File comparison for Mac
Spot the differences in text and image files, or even folders full of files. Review changes in seconds, with the world's most powerful file comparison and merge app. Kaleidoscope 4.2 adds relevant context when resolving a merge conflict from Git, making it easier to maintain your sanity while working on tricky merges. Always clearly see what you are merging and which commits lead to the conflict.
ImageOptim — better Save for Web
ImageOptim makes images load faster Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality. Faster web pages and apps Reduces image file sizes — so they take up less disk space and download faster — by applying advanced compression that preserves quality. Image files scrubbed clean Removes invisible junk: private EXIF metadata from digital cameras, em
Image Tint With CSS
By Louis Lazaris / November 16, 2011 / 46 Comments Updated: August 7, 2022 Update: (May 7, 2013) There are now two specifications that make this sort of thing possible with CSS: Filters and Compositing and Blending. The other day Paul Irish posted an article that collected together responses to a question that he and Yehuda Katz asked their Twitter followers. One of the wish list items a few peopl
お探しのページは見つかりませんでした。- 有限会社キートン
指定されたURLのページは存在しません。 サイト更新などによってURLが変更になったか、URLが正しく入力されていない可能性があります。 ブラウザの再読込を行ってもこのページが表示される場合は、サイトマップまたはサイト内検索でお求めのページをお探しください。 トップページに戻る
グーグル、画像フォーマット「WebP」を発表--ウェブの高速化を図る
UPDATE Googleの「WebM」テクノロジには、ウェブベースビデオを変革するという以上の計画があったようだ。同社は、「WebP」と呼ばれる新しいフォーマットによって、ウェブ上の静止画像も変革したいと考えている。 Googleは米国時間9月30日、新しいグラフィックスフォーマットWebPと、これを使用することにより、現在主流のJPEGファイル形式と比べて、画像ファイルのサイズを約40％縮小できるという同社の研究結果とともに発表した。これにより、ファイル転送はより高速になり、GoogleがWebPの普及に成功すればネットワーク負荷が低下することになる。 WebPは、JPEGと同様に、ユーザーが画質と引き換えにファイルサイズを圧縮することができる。また、こちらもJPEGと同様に、「lossy」なフォーマットであり、元の画像を完璧に再現することはしないが、人間の目で見た場合に、できる限り元
【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】
iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした！ 待ってる間に、iPhone4も対象としたWEBアプリ（ネイティブアプリのweb view を含む） のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ？ はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね！ 拡大しなくても小さな文字が読めるなんてサイコー！ ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・？！ こういうイメージです。 そう、
【レビュー】画像をiPhoneやiPad向けに最適化する方法 | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Webサイトを構築する際に悩むことのひとつに、画像フォーマットに何を採用するか、というものがある。だいたい候補はJPEG、GIF、PNG8、PNG24といったところになる。以前、Jennifer Farley氏がこれまでのスキルをまとめたところでは、次の指針で選択すればいいことになる。 写真データに使うならJPEG ロゴやフラットカラーなイメージに使うならGIFかPNG8 影効果や炎のような効果を使う画像ではPNG24 JPEGに関してはさらに、ベースラインを使うべきかプログレッシブにするべきかと
マイコミジャーナル｜【レポート】iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方（2010/07/23）
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebデベロッパやWebデザイナにとって差し迫った課題のひとつに、WebサイトをどうやってiPhone 4に対応させるか、といったものがある。iPhone 4の画面解像度はiPhone 3GSの4倍。縦が2倍、横が2倍の解像度になっている。このため、スケーラブルなデータを表示させた場合、iPhone 4とiPhone 3GSでは表示されるデータの美しさに大きな違いが現れる。iPhone 4の表示は美しい。 しかし、PCやiPhone 3GS向けに用意した画像はiPhone 4では従来通りの見た目で表示される。サイズのバランスをとるために1x1ピクセルを2x2ピクセルに拡大して表示するためだ。これではiPhone 4のRetinaディスプレイの性能
[CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート
画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。
pngcrushでPNGファイルから不必要と思われるメタデータを削除
PNGファイルにはメタデータとして様々な情報を埋め込むことができる。その様々な情報のうちガンマとカラー・プロファイルの情報はブラウザでの表示に影響を与えることがあるので、そこそこ使いやすいpngcrushで削除するのが無難。それら影響を与えることがあるメタデータを削除してやれば、WindowsのPhotoshopで作ったPNGファイルがMac(Leopard)のSafariで色がずれるなどといった現象を回避することができる。 pngcrushのWindows向けバイナリはダウンロード・ページの下の方にあるpngcrush-executablesの方からダウンロードできる(2009/07/03時点ではpngcrush-1.6.15-win32.zipが最新)。pngcrush-1.6.19.zipとかはソースのみなので注意。関係ないけどsourceforge.netは見づらくなった気がする…
Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ニュースのデザイナーの黒田・由衛です。 Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。 お客様がウェブを閲覧するのは1日の中のほんの限られた時間です。その貴重な時間を割いてYahoo!ニュースに来ていただくわけですから、1ページでも多くの記事を「読みやすく」「ストレスなく」見ていただけるようにするのが、Yahoo!ニュースがお客様にできる最高のおもてなしだと考えています。そこで、今回のリニューアルでは、サイトデザイン側からのアプローチとして以下の2点の施策を行いました。 １
Top malicious Android applications as detected by AVG Threat Labs
Upgrade to Evernote Professional, get 1 month of Adobe Acrobat Standard at no cost, plus 20% off your future subscription.
画像をアップすると似たような画像を一気に検索してくれる『TinEye』 | 100SHIKI
画像をアップすると似たような画像を一気に検索してくれる『TinEye』 May 9th, 2008 Posted in 検索 Write comment 激しくプライベートベータ版だが、これは期待できそうなサービス。 TinEyeはいわゆる画像を使った検索エンジンである。キーワードをテキストでいれる通常の検索エンジンと同じように、画像をアップすると似たような画像を探してきてくれる、という訳だ。 まだまだ精度の問題があるだろうが、これが実現されればある画像が使われているサイトを一気に検索することができるようになる。 よくネット上で画像が微妙に修正されて（パロディ画像など）広がることがあるが、そのような画像の広がりも調べることができるようだ。 なによりうまく言語化できない検索を実現できる、という点が大きいだろう。この写真に写っているこれって？？という検索に威力を発揮しそうだ。 画像で検索する、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://retinajs.com/
荻野 英希 on Twitter: "filamentgroup/Responsive-Images · GitHub: メディアクエリで1つのイメージのリサイズではなく、デバイスに適した小さなイメージを配信 http://t.co/qVt93rdt"
http://lorempixum.com/
画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」:phpspot開発日誌
http://aext.net/2009/11/bubble-effect-with-css/
http://cssglobe.com/post/1238/style-your-image-links