OpenRoss - fast, scalable, on-demand image resizer | Lyst Engineering Blog
The OpenRoss image proxy service provides a way of serving dynamically resized images from Amazon S3 in a way that is fast, efficient, and auto-scales with traffic. We have hosted the source for this service at Github. Motivation At Lyst we scrape, and have scraped, millions of products that all have at least one image. In our infancy, we saved all product images with 10 preset sizes, and then ren
Data Img - Two Blokes
Data Image Delivery Tiny jQuery plugin to deal with responsive image delivery. Think responsive.io minus the cdn. Download (0.4kb) Image Credit - Unsplash Usage <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="data-img.min.js"></script> <img class="data-img" src="http://placehold.it/1x1" data-sml="img/400x320.jpg" data-med="img/800x640.jpg" data-lrg=
画像の最適化をCLIだけで行うgrunt-imageを作った | 1000ch.net
GUI要らずを目指して Webにおける画像については以前記事にしましたが、 そのフローをより良くするべく最近gruntのモジュールを作ったのでその話を。 前置き 私は弊社サービスのパフォーマンス改善を業務としてしています。 何がボトルネックになっているかは各プロジェクトでまちまちですが、 共通しているのが 「とにかく画像が多い」 というところ。 どのサービスもペイロードサイズの80%程を画像が占めているんですね。 画像の最適化を忘れるだけで（例えば）100KBとか平気で増えるので、 これではCSSやJavaScriptのファイルサイズを減らしても本末転倒です。 （もちろんCSSもJavaScriptも結合と圧縮は非常に重要です。） 各種最適化ツール GUIだと以下の3つが有名で優秀です。 ImageAlpha - フリーソフト。24bitのPNGの8bitコンバートを行う。256色~2色ま
Getting Started with the WebP Image Format [Article] | Treehouse Blog
When it comes to optimizing websites for performance one of the biggest goals is to reduce the amount of data that needs to be sent to the browser (the payload). As images commonly make up the largest chunk of the overall page size, it’s a good idea to find ways to reduce the size of your images. There are plenty of tools available that can compress images in order to decrease the file size but yo
![Getting Started with the WebP Image Format [Article] | Treehouse Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee15f9b1d347d322e61ea59e34909b1265fac726/height=288;version=1;width=512/https%3A%2F%2Fblog.teamtreehouse.com%2Fwp-content%2Fuploads%2F2013%2F09%2Fhistory-api.jpg)
Smooth image loading by upscaling - nickf on code
In this post, I will discuss a technique we use at SoundCloud to make the loading of image appear smoother and faster. The situation: soundcloud.com is a single page application which, among other things, ends up displaying a lot of users’ avatars. The avatars are shown in many different situations from a tiny avatar on a waveform to a large profile image, so we have encoded the image into many di
モバイルブラウザでの画像アップロードについて覚え書き
前置き スマートフォンブラウザで画像アップロードしたいという要件があったので、あんまり無理しないで実装できるとこまでやったら、どうなるのかやってみた。 やりたいことは、アップロードに加えて、画像データにリサイズ処理を適用すること。さすがに3G回線で2MB近い画像データを、input[type="file"]でそのまま送りつけるのは無理がある。 某所で書いたブツの要約版なので、某所のほうを見た諸氏はアレでソレして解釈してください : ) サンプルコード 基本方針としては、以下のようなコードで処理することになる。 var elFileInput = document.getElementById('js-select-photo'), elPreview = document.getElementById('js-preview-photo'), createObjectURL = windo
Fast load times | web.dev
Stay organized with collections Save and categorize content based on your preferences. When you're building a modern web experience, it's important to measure, optimize, and monitor if you're to get fast and stay fast. Performance plays a significant role in the success of any online venture, as high performing sites engage and retain users better than poorly performing ones. Sites should focus on
Shibu's Diary: ゲーム用画像最適化ツール lightpng 1.0リリース
渋日記@shibu.jp 渋川よしきの日記です。ソフトウェア開発とか、ライフハックを中心に記事を書いていきます。 昨年からちょこちょこコードを書いていて、たまに思い立ったように機能を追加していた画像最適化ツールのlightpngに1.0のタグを打ちました。だいたいやりたい機能は入ったかな、ということで。時間的にはこんな感じで進化してきました。 2012/5/17: ファーストバージョン。pngを読み込んで16ビットに減色機能 2012/6/14: クロスコンパイルでWindowsバイナリ生成 2012/6/16: jpeg読み込み。 2012/6/18: PVRTC/ATITCの生成。 2012/7/30: libpng/zlibの圧縮オプションをブルートフォースで最適化 2012/11/5: プレビューモード追加 2012/11/28: Mac OS 10.8上でも10.6から動くバイナ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Images and Video
gm : GraphicsMagick for node.js