WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –
WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 – Jxck 画像は、サイズが大きい（大きくなりがちな）コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また、HiDPI対応などでサイズも増えつつあるでしょう。 Googleの調査では、現在Web上のトラフィックの65%を画像が占めているそうです。Introで解説したように、パフォーマンスを考えるとファイルサイズは「なるべく小さく」が望ましいため、画像は通常圧縮された形式で使用されます。 WebPは、Googleが開発した圧縮形式で、従来の形式よりもファイルサイズを小さくすることを目的としています。今回はそんなWebPの概要と使い方、注意点を取り上げます。 画像圧縮とは？ ここで対象としているのはピクセル形式
WebPでモバイルアプリの通信量を劇的に削減する - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな
[nginx]S3をバックエンドにngx_small_lightで画像を動的にリサイズ
S3 で公開しているバケットをバックエンドに nginx モジュール ngx_small_light を利用して画像をリサイズする方法をメモ http://d.hatena.ne.jp/akishin999/20130619/ にローカルの画像を対象にした画像変換手順が書かれているので、そこに S3 バックエンドを追記しただけとも言える。 ngx_small_light について github で公開 https://github.com/cubicdaiya/ngx_small_light pixiv の中の人が開発した nginx モジュール Apache 向け mod_small_light の nginx 移植 https://code.google.com/p/smalllight/ 画像変換エンジンは ImageMagick/Imlib2/GD から選択可能 構成 client
![[nginx]S3をバックエンドにngx_small_lightで画像を動的にリサイズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/558d53bd8632c04537f9b0ff297877a64b26b110/height=288;version=1;width=512/https%3A%2F%2Fsiguniang.files.wordpress.com%2F2014%2F01%2Fbenchmark1.png)
画像データ - CyberLibrarian
コンピュータで扱う画像の話をする前に、写真や印刷技術の話を簡単にしておきます。 写真 話を単純にするためにモノクロ写真を例にすると、真っ白から真っ黒までの連続するグレーの濃淡の違い(連続階調)によって物を表現します。通常、写真はネガフィルムなどに非常に細かい銀の素粒子を並べた形で記録され、それを印画紙に焼き付けて作成されます。この銀の素粒子の密度によってグレーの濃淡を表現しているのです。 印刷 印刷機(Printing Machine)、プリンタなどは、網点(Halftone Dot)と呼ばれる網状の小さな点によってグレー階調を表現します。階調とは、色や明るさの濃淡の段階数のことです。通常はひとつひとつの点に濃淡をつけることはできません。そこで、網点の大きさや密度を変えることにより、目の錯覚を利用して濃淡の違いを表現します。これを、ディザ法(Dither Method = 誤差拡散法、別名
ImageMagick 改造入門 (その弐) 減色処理前編 | GREE Engineering
こんにちは。クライアント基盤チームのよやです。 アバター等を表示する為に PNG や JPEG の画像を元に GIF アニメーションを生成する事がよくありますが、GIF は 256色までしか扱えない為、元画像が数万といった単位で色を使っていると減色処理に大変時間がかかります。そこで、ImageMagick の減色処理を改造して高速化した事例をご紹介します。 尚、一度に読む分量ではまとめ切れない為、前編と後編に分けました。前編は減色処理、後編はその改造について説明します。 プログラム構成では上の図の magick/quantize.c が減色処理に相当します。 まず、減色処理の一般的な話から始めます。 減色の利点 Web で見かける画像ファイルの多くは、1つのpixel(描画の最小単位)に対して、Red, Green, Blue が各々8bits で計 24bits(= 3bytes) 、透
レイヤー機能による画像合成機能やサムネイル生成等が超簡単に行えるPHPライブラリ「PHPImageWorkshop」:phpspot開発日誌
レイヤー機能による画像合成機能やサムネイル生成等が超簡単に行えるPHPライブラリ「PHPImageWorkshop」 2012年07月10日- PHPImageWorkshop - PHP class using the GD library for image processing レイヤー機能による画像合成機能やサムネイル生成等が超簡単に行えるPHPライブラリ「PHPImageWorkshop」。 画像生成のサービス等を作る際には押さえておきたいライブラリかも。WEBサービスにおいては画像生成はよく使われるものですから、覚えておいて損はないでしょう。 以下に行える処理の概要をご説明します。 画像合成 複数の画像を組み合わせて簡単に合成する機能。透過pngの画像を合成します。 合成結果。透過PNGによって綺麗に合成されていますね。 実装コードが分かりやすくて、次のように addLayer
PHPでInstagram風に画像フィルタをかけられるクラスライブラリ:phpspot開発日誌
Create Instagram Filters With PHP | Nettuts PHPでInstagram風に画像フィルタをかけられるクラスライブラリが公開されています。 内部的にはImageMagickを使ってフィルタをかけているのですが、ラッパークラスの公開となっています。 あまり頭を使わずに画像変換出来るのはいいです。但しexecコマンドを使って行なっているため、負荷やセキュリティには注意したいところです 画像をサーバサイドでカッコよく変換したいような場合に使えそうです。 関連エントリ TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」
PHPでレイヤー方式で画像を生成するavatar.phpが便利 - PHPに惚れました。
読者対象 ハンゲームやモバイルゲームサイトにあるようなアバターをPHPで作りたいって方におすすめです。 前振り アバターと言えば、帽子や服など、各パーツとなる透過画像を重ねて、 一枚の画像に見せるというのが一般的ですよね。 それをPHPで実現したライブラリを製作した方が居ました。 ソースコードのDL PHPスクリプトのDLは以下のサイトから。(英語) How to make custom avatars with PHP | BolducPress, a web design blogのThe Source Files下のリンク、 「Download the PHP and Photoshop Files」からDL出来ます。 利用方法 <?php include_once("avatar.php"); //インスタンス化 $avatar = new avatar; //出力時の画像の横幅の
商用OK・無料でクレジット表記もリンクも不要！日本人の人物写真素材サイト・モデルピース - かちびと.net
これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思
昨晩のノルウェーで撮影されたオーロラです。…言葉が出ません。参照：spaceweather.com
昨晩のノルウェーで撮影されたオーロラです。…言葉が出ません。参照：spaceweather.com
世界最長露光 - 3年間シャッターを開け続けた写真たち:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
InterfaceLIFT: Wallpaper sorted by Date
Download Free Wallpapers Sorted by Date There are 3873 free desktop wallpapers available below. You are on page 1 of 388. Bulk Download Service Quickly Download Every InterfaceLIFT Wallpaper! Build Your Own Bulk Wallpaper Download → Don't click on thousands of individual "Download" buttons. Get all of our wallpapers, in the precise image size you need for your display, in one custom download. What
無料で8000枚以上のHDサイズ壁紙がダウンロードできるサイト「HD WALLPAPERS」
720pや1080p、あるいはワイドスクリーンのモニター向け壁紙にもかなり対応しているのがこの「HD WALLPAPERS」という壁紙配布サイトです。 対応している解像度の種類はかなりのもので、1152x864・1024x768・1280x960・1600x1200・1920x1440・1400x1050・2560x1920・1280x800・1440x900・1680x1050・1920x1200・2560x1600・1280x1024・1280x720・1366x768・1920x1080・2560x1024・3200x1200となっています。 ダウンロードは以下から。 HD (High Definition) Wallpapers | 100% Quality Desktop Wallpapers | Free Wallpapers http://hdwallpapers.in/ ※
Imlib2でImageMagickより3倍高速かつ美しいサムネイル画像の生成 - 昼メシ物語
この記事の概要 Imlib2を使って画像のサムネイルを生成してみたところ、ImageMagickより3倍速かった。 また一般的には、Imlib2の方が画質が悪いとされているが、パラメータを調整することで、十分に美しいサムネイル画像を得ることができた。 はじめに Imlib2は画像処理ライブラリ。mixiの発表資料大規模画像配信とPerl によれば、mixiは高速に高品質なサムネイルを生成するために、ImageMagickでなくImlib2を選んでいる。 上記資料の中では、以下のように説明されている。 速度 Epeg > Imlib2 > Imager >>> ImageMagick 画質 ImageMagick > Imlib2 >>> EpegImlibの画質は多少ImageMagickに劣るが、速度は十分に速い、とのこと。 一方で、404 Not Foundという記事では、ImageM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あらゆる画像にレトロ風のエフェクトをかけられる『VintageJS』 | 100SHIKI
OpenCV.jp : OpenCV逆引きリファレンス — OpenCV-CookBook
ゲゲゲのスタッフががんばりすぎな件。 #gegege
齢三十五にして恥ずかしい間違いをした。戒めを込めてこのまま出す。
ハヤシライス頼んだら これがきたww on Twitpic
ゲリラ雨激写！ 電車の窓の光が反射してちと見にくいけど。 - Twitpic
