特定フォルダ内の画像をまとめて最適化する、の巻 | gaspanik weblog
暑苦しい土曜の夜、Twitterを眺めていたら「画像を最適化したいけど、うん千枚あって…」みたいなやりとりが目に止まりました。画像の最適化で楽をしたい場合は、「Smush.it™」とか「punypng」といったオンラインのサービスを使わせていただくのが手っ取り早い方法ですが、何千枚ともなると現実的ではないですね（笑）。 そこでちょっと調べてみたらありました。コマンドラインですが、特定フォルダ内の画像（JPGかPNG）を一発で最適化してしまう「imgopt」なる素敵ツールがあるじゃないですか。ということで、簡単ですがインストールして使うまでをまとめておきます。 （追記: 2011.07.03）なんか大阪にいる心優しい人が教えてくれましたよ、OS XのGUI版「imageoptim」。以下の準備が面倒な人はこれですな。Windowsな人はこの辺になんかあるかも。 ※ただし、OS Xのやり方なの
Optimize all your PNG and JPEG images with one command using imgopt | lyncd.com
Here’s something useful for the web developers out there. It’s a script I’ve been using for a while that makes it super-easy to losslessly compress entire folders of PNG and JPEG files for the web. If you’re familiar with PNG optimization, then you know about programs like advpng, optipng and pngout that optimize and recompress PNG files, making them much smaller than the likes of Photoshop can. M
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
完全に状況を掌握した画像の遅延読み込みの実現 - latest log
IE8の挙動について追記しました。 IE8は、img.complete は 画像読み込みでも true になりません(falseのままです)。 そのかわり、img.readyState が "complete" になります。 JavaScriptでの画像の動的/遅延読み込みといえば (new Image).src = URL; なんですが、 タイムアウトやエラーの状況を把握したい時もあったりします。GoogleMapライクなアプリを作ってるときとか。 今回ちょっと必要になったのでまずは調査から。 以下のコードで、存在しないファイル(missing.jpg)を読み込ませ、実行経路を確認してみます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w
shiftzoom.js (javascript zoom and pan functionality for images)
Set defaults shiftzoom.defaultFading = true; //BOOLEAN startup image fading shiftzoom.defaultButtons = true; //BOOLEAN left top buttons shiftzoom.defaultNozoom = false; //BOOLEAN disable zooming feature shiftzoom.defaultBicubic = false; //BOOLEAN enable bicubic image interpolation for IE7+ shiftzoom.defaultWheelinvert= false; //BOOLEAN makes zoom behaviour identical with Google Maps
Amazonの画像生成ルール : ええもん屋 ラボ
Amazon E-Commerce Service(ECS4.0)、Javascript(Ajaxを含む)の技術についての話題。 ECS4.0関連のライブラリやツールの提供もしています。たまに独り言も・・・ ※この記事の情報は古くなっています。 最新の情報はShiz Labsの「Amazon商品画像のカスタマイズ（理論編）」をご覧ください。 ※注意！：このページで表示している割引率は全てサンプルを表示するための偽の割引率です。 [概要] Amazonの商品画像のURL(URI)のルールについて。書式を覚えておけば「Amazon E-Commerce Service(ECS4.0)」はもちろん、通常のアマゾン・アソシエイト・プログラムでも威力を発揮します。 ※以下特に明記しない場合は、基本的に日本でのルールを記述します。 [基本ルール] http://images-jp.amazon.com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gyazo · Screen Recorder: Share Screenshots and Videos Easily