Stefanov氏、画像サイズを縮小化する4つの手順を紹介 - 画質劣化一切なし | エンタープライズ | マイコミジャーナル
Yahoo! User Interface Blog YSlow開発者であり高速ローディングWebサイト構築テクニック紹介者であるStoyan Stefanov氏による画像最適化解説シリーズの第3弾がImage Optimization, Part 3: Four Steps to File Size Reductionとして公開された。そのまま画像圧縮に使えるテクニックが紹介されている。 第3弾では画質を劣化させることなく画像ファイルサイズを縮小するための4つの方法が紹介されている。簡単にまとめると次のとおり。 ［手順1: PNG圧縮 - Pngcrush］ PNGにはチャンクと呼ばれるデータが含まれているが、すべてのチャンクが画像描画に必要とされるわけではなく、透過情報以外のチャンクは削除できる(-rem alla)。可能であればパレットのカラー数を削減したり(-reduce)、そのほ
ウノウラボ Unoh Labs: 携帯キャリアで画像を転送させない方法
Keitaです。 携帯画像で待ち受け画像などで、ダウンロードはできるけどメールに添付できないタイプの画像があるとおもいます。 ここらへんどうやるか、気になって調べてみると、 Docomoと、AUは画像のコメント部分に、それぞれ、特定の文字列を入れれればいいようで、 Docomoの場合「copy="NO"」、KDDIの場合「kddi_copyright=on」を追加することでで、携帯でダウンロードできるが、メールなどで転送できない画像が作れました。 具体的に、MagickWand For PHPを使う場合には以下のような感じでヘッダを埋め込みます。 <?php $image = NewMagickWand(); MagickReadImage($image, 'Keita_s.jpg'); MagickCommentImage($image, 'kddi_copyright=on,
Yahoo!のアイコン画像 - おぎろぐはてブロ
昨日の記事書いてるときに、気づいたのだけれど、www.yahoo.comのページのアイコン画像は、アイコン1個で1画像でなくて、巨大な画像に複数個配置して、その一部分を表示するようになっている。 おもしろいのでメモ。 左カラムのショートカットのアイコン http://us.i1.yimg.com/us.yimg.com/i/ww/thm/1/trough_1.7.gif メディアタイプやNEW表示、プルダウンボタンなどのアイコン http://us.js2.yimg.com/us.js.yimg.com/i/ww/sp/icons_1.3.gif http://us.i1.yimg.com/us.yimg.com/i/ww/sp/icons_1.4.gif 現時点では、バージョン違いが両方読み込まれていて、さらに、updatedやnewは単体画像としても読み込んでいて、なんか統制が取れてな
画像のロールオーバー効果をCSSで簡単実装する方法:phpspot開発日誌
Simple CSS Image Rollover - Find Motive Back when I first started doing web development I used Javascript Image objects and onMouseOver and onMouseOut to make image rollovers for web pages. This worked well, but was kind of clunky and required 2 separate images. 画像のロールオーバー効果をCSSで簡単実装する方法。 特に真新しいものではないと思いますが、知らない人も多いような気がしたので紹介します。 anchorタグのhover 時に背景画像をずらすという手法です。 コードはCSSとHTMLそれぞれ次のように記述します。 /* CS
Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
