PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
Jennifer Semtner.com :: Web Designer / Developer » Blog Archive » Extending CSS Spriting
CSS Spriting is a technique for speeding up the load times for your website by reducing the number of HTTP requests for images to the server. On Yahoo’s best practices website, they say: “CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display th
takapyon's blog.: Pixiaで透過PNGを作る
ひさびさにPixiaで透過PNGを作ろうと思ったけど、すでにPixia自体の操作方法が忘却の彼方だった。（ｗ 試行錯誤しながら苦労して思い出したので、せっかくだから後世のため、メモとして残しておこう。ちなみに筆者はPixia初心者です。間違っている事を書いているかも知れませんのであしからず。 (1)Pixiaを起動する(今回、使用したのはVersion 3.1s)。 (2)ファイル(F)→新規作成(N)...で、「名前無しのLAYER0」ウインドウを作成する。ここで「白色の画像」が表示されるが、この「白色」は「背景色」とは別物であることに注意されたし。ただし、背景色も初期設定では、白色なので区別がつかず、 話がとてもややこしい。 (3)そこで、背景色を別の色に設定する。下の図の赤枠の部分を左クリックし、 背景色を「これから描く画像で使用しないと思われる色」に設定する。 例では、薄い黄緑色に
世界中の美女画像をみんなで共有するネットサービス「4U - beauty image bookmarking」 - GIGAZINE
3月9日に公開された新進気鋭のネットサービスで、世界中の美女画像をみんなでシェアする招待制のソーシャルイメージブックマークサービス、それが「4U - beauty image bookmarking」。日本国内だけでなく世界中のユーザーに使ってもらえるようにそこかしこに工夫が見られ、見ているだけでも飽きません。 詳細は以下から。 4U http://4u.straightline.jp/ 以下が実際の美女画像の例。 なお、「美女画像を投稿したいぜ！」という心意気のある方は、右上にある「register」をクリックすれば招待メールを送ってもらえるそうですので、奮って参加してみるというのもありかもしれません。
画像検索における「初音ミク」問題の正解となる答え(最終版)
3. インデックス対象の時期特定の理由 「初音ミク」という言葉自体、発売日前にほとんど書かれるものではなかった為、8/31(発売日)前に検索対象化できる形で言葉ときちんとセットで提示されていた画像がそうそうあったとは思えません (ブログ検索結果の期間をづらしてそう判断しました: 検索結果/期限が過ぎると見えなくなるでしょうが)。 ちなみに、↑の検索結果の一番初めのブログ記事(07/12 メディアファージ事業部 ブログ)を書いた人は、「初音ミク」の中の人の一人のようなので、そこ(07/12)からが理論的には「初音ミク」を検索対象にするチャンスが検索エンジンに与えられ始めた時期になります。 ただ、仮にその「内部情報出し」後の時期をクロールしていても、あくまで激烈にブレークしたのはリリース後のニコニコの展開があったからなので、検索エンジンが「初音ミク」という形で認識できる画像はなかった可能性は高
指定した画像に映りこみ効果を与えられる『Reflection Maker』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
最近のウェブデザインでよくみられる「映りこみ効果（鏡面効果って言うのかな？）」を簡単につくれるジェネレータが登場したようだ。 使い方も簡単で、画像を指定した上で、映りこみ部分の背景色とサイズを指定するだけだ。 画像はローカルからアップロードもできるし、URLから指定することもできる。 ロゴやアクセントの写真などに使えば手軽に今っぽいデザインをつくることができるだろう。 今っぽいデザインを手軽に・・・こうしたツールはもっと出てきて欲しいですね。
デジカメ写真をもっと楽しく便利にする新テクノロジ「ジオタグ」
成熟しつつある数々のテクノロジが、geography（地理）という新たな次元をデジタル写真革命に追加しようとしている。 現在、デジタル写真は撮影日時に基づいて検索される。しかし、「geotag（ジオタグ）」と呼ばれる誕生したばかりのテクノロジは、撮影日時ではなく撮影場所にしたがって写真を整理できるようにする。 Mark Gillespie氏は、デジカメ写真の整理方法を撮影日時ベースから撮影場所ベースに切り替えた。写真家であるGillespie氏は、妻とともに「Noir et Blanc Photographie」というサイトを運営している。2人は最近、オーストリアとイタリアへの旅で5000枚もの写真を撮影した。 「GPSログがあればよかったのに、と思った。小さな村や山の風景の写真には、撮影場所を思い出せないものがある。GPSログがあれば思い出せる」と言うGillespie氏は、この問題に対
*LOVE IS DESIGN* - 【R18】無駄にエロいジェネレータ
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 全国の無駄にエロいファンのみなさん、こんにちは！ 今日は無駄にエロいジェネレータの紹介です。 のぞいてみる？ Tatto Parlour : 刺青画像ジェネレータ : PamGau kyorecobaさんのところで見て、これは無駄にエロい！と思いさっそく作ってみました。 ▼FRONT Crusty demons - Tattoo Parlour （えっちな声で出迎えてくれます） ■作り方は簡単 FRONT BACK TOP BOTTOM から好きな場所を選びます。 Tattoo のデザインを選びます。 好きなテキストを入れて「APPLY」をクリック！ おねえさんが無駄に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Spriteを活用しよう - DesignWalker