ウノウラボ Unoh Labs: PNG画像書き出しの「あとちょっと軽くできたら...」を可能にするファイル作成TIPS
こんにちは。ウノウでデザイナーをしているChristelです。 銀色の全身スーツを着、透明チューブの中を走る車で移動する21世紀で暮らす私たち。 夢のクラウド化が囁かれる昨今ですが、未だ携帯電話関連の画像作成には、スカイツリーよりも高い容量の壁があります。 「Flashの3階層メニューで文字も画像で100kb以内でよろしく」とか 「あれとこれとそのファイル合わせて一回で表示するのは20kb以内でね」など、 関係者の皆さんは、1バイトに泣き、1バイトに笑う日々を送っておられることでしょう。 今日はそんな皆さんに 「ビットマップデータを透過PNGで書き出すとき、クオリティを下げずにサイズをちょっとだけ減らせる画像作成のコツ」 をご紹介します。ニッチ過ぎて申し訳ないです。 １）まずPhotoshopで画像を作成 ↑ 一世を風靡した感のあるWEB2.0風。画像の痛さには目を瞑ってください。
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
alphafilter.jsが透過pngのロールオーバーに対応
alphafilter.jsが透過pngのロールオーバーに対応 IE6用の透過pngライブラリ「alphafilter.js」が透過pngのロールオーバーに対応しました。 透過機能はIE6で画像の拡張子がpngの場合のみですが、ロールオーバーはすべてのブラウザ、jpg、gif、png形式の画像で利用いただけます。 img要素の場合class属性に「btn」と付ければロールオーバーの処理を行います。 <img src="./sample.png" class="btn" alt="" /> sample.pngの場合はsample_on.pngのように拡張子の前に「_on」が付いた画像をロールオーバー時に表示します。 透過機能と合わせて利用する場合は、以下のように指定します。 <img src="./sample.png" class="alphafilter btn" alt="" />
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
[JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
PNG ファイルを Web 上で使ってはいけない - double-team.org
あ...ありのまま今起こった事を話すぜ！ クライアントから電話口で「Web サイトで PNG を使うのは非常識です」と言われた な...何を言っているのかわからねーと思うが、俺も何を言われたのかわからなかった... 頭がどうにかなりそうだった...クレームとか忠告とか、 そんなチャチなもんじゃあ断じてねえ。 もっと恐ろしいものの片鱗を味わったぜ... マジで頭がどうにかなるところだった。しかも曲がりなりにも「Web ディレクタ」と言う肩書きを持ってる人から。 何をもって PNG が悪なのか理解できなかった（と言うかその辺の話はスルーされた感がある）。 5年くらい前なら、まあ分かる。あの頃はまだカオスだったから仕事で使うには躊躇する規格だった。だが時代は変わり2008年だ。IE5.x もほぼ死滅し、Firefox3・Safari3・Opera9.5 がリリースされた。SVG も（
PNG についてあれこれ
PNG って何ぞ？ ぴんぐって読みます。 Portable Network Graphics の略。 知ってる人も多いと思いますけど、いま現在でも Web の主流画像フォーマットでありつづけてる GIF には「ライセンス問題」なるものが存在しております。 GIF 画像ってのは、作るときには画像データが圧縮されて、逆に表示するときには解凍（伸張）するとゆー方法によって、その結果ファイルサイズが小さくなってベンリ～なワケですが、その圧縮伸張の仕組みが UNISYS とゆー会社の特許になってるのであります。 GIF が普及するまでは特許について黙ってたくせに、世に普及したあるひとつぜん、「オラオラ～そいつぁウチトコが特許もってるんだぞ～、 GIF ファイルを表示保存できるソフトはともかく金払え～」とか叫びだしたからさぁタイヘン。そのあおりで最近は GIF 画像だけ扱えない、なんていうのも画像方面
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://omoikane.my-sv.net/index.php?e=772
半透明pngを表示する 〜CSSテクニック〜