続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
2008-04-19 - 聴く耳を持たない(片方しか)FFFFOUND!みたいな画像用ソーシャルブックマークあれこれ
イメージ専用ソーシャルブックマークとか、写真用のブックマークとかいろいろ言い方があって、「これ」という名称はまだ定着してないみたいですが、いわゆる FFFFOUND! みたいなサービスをいくつかリストアップ。 FFFFOUND! http://www.typeish.com/ Incredimazing Media :: web app development, design and deployment 4U - beauty image bookmarking We Heart It | Fashion, wallpapers, quotes, celebrities and so much more Online flight booking, Hotels, Bus & Holiday Packages at Goibibo Trending on Visual Hunt
How To Optimize PNG — Smashing Magazine
This post describes some techniques that may help you optimize your PNG-images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. We’ll start with some essentials about the PNG format and will then move to advanced optimization techniques. As a web designer you might be already familiar with the PNG image format which offers a full-featured
Flickrに続くサイトを探せ！クールな写真を探すにはどこがいい？:コラム - CNET Japan
Flickrが画像界隈のコンピュータに詳しいエリートたちが集まる場所だった頃のことを覚えているだろうか。Flickrははじめ、才能ある写真家を抱え込み、ウェブ上で素晴らしいアマチュアやプロの写真を見たい時に行く場所という評判を得た。しかし、Yahoo!が現れて、同社のPhotosサービスのユーザーたちにFlickrへの移行を勧めた。Flickrのサイトは万人に開かれ、誰もが休日の写真を置ける場所になった。その結果、Flickrは退屈で世俗的な場所になってしまっただろうか。今、クールな写真を見つけたい時に見る場所と言えばどこだろうか。 Flickrは依然として素晴らしい写真ホスティングプラットフォームであり、多くの素晴らしい写真家に使われている。しかし、増えてきたノイズをかき分けるのは大変かもしれない。ここで紹介する6つのサイトは、ビーチにいるおばさんの写真のようなものを避けて、ウェブ上にあ
「単純に並べるだけ」じゃないインターフェース（Badoo） | SIMPLE*SIMPLE
最近SNS系のインターフェースを見ていると、写真を自動でかっこよく並べてくれるインターフェースがちらほらと登場しているようです。 普通、写真をいくつかアップすると、同じサイズでずらずらと並ぶだけです。 しかしBadoo.comでは写真をアップするだけで、自動的にサイズをばらばらにして並べてくれます。 ↑ こんな感じ。雑誌みたいでいいですよね。 ちょっとしたことですが、こうしたセンスある仕掛けは随所に組み込みたいですよね。実際に動作している様子はBadoo.comで会員登録して見てみてくださいね。 » Badoo
JavaScriptでの画像プレビュー自由自在「PopBox」:phpspot開発日誌
PopBox! - Javascript Image Magnification PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page.JavaScriptでの画像プレビュー自由自在「PopBox」。 ページ内の画像をクリックするとページ内でそのまま、アニメーションしながら拡大。 PopBoxを使えば、そんな効果を実装することが可能です。 拡大だけではなく、比率の変更や、画像の移動、画像の縮小を行うことも出来ます。 凄く軽くて使いやすいです。もう、別ページで画像を拡大させるのは古い、と言われてしまうのかもしれませんね。
画像のHTTPリクエストをCSSを使って軽減する"CSS Sprite Generator" | エンタープライズ | マイコミジャーナル
Ed Eliot氏およびStuart Colville氏は9月28日(ドイツ時間)、Webページにおける画像の読み込みオーバーロードを軽減するためのおもしろい取り組みをWebサービス「CSS Sprite Generator」として公開した。ページを読み込む場合、画像を要求するHTTPリクエストが発行されるわけだが、「CSS Sprite Generator」はその要求数を低減させようとするものだ。 ページが画像を多く含んでいる場合、画像を取得するためのHTTPリクエストが大量にWebブラウザから発行されやすくなる。このHTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示しようというのがCSS Sprite Generatorでの発想だ。 CSS Sprite Generat
ウノウラボ Unoh Labs: Googleマップの地図を好きな写真に簡単にさしかえられるツール
matsuda です。こんにちは 最近Googleマップで独自の地図を表示したりするのがちょっとしたブームだったりしたので、 よーし僕も挑戦するぞーと思ったのですが、Googleマップって1枚の画像で 簡単に出来るものじゃなかったんだと挫折(ズームごとに256×256pxに分割された画像が必要のよう…)。 しかし、この問題を解決してくれるツールがあったので紹介します。 1枚の写真とズームレベルを決めればあっという間にGoogleマップに画像が表示 されて拡大縮小できる優れものです。 ↓↓↓ The Google Maps Image Cutterよりダウンロードが可能 使い方はいたって簡単 1)メニューの左にあるFileから、地図にしたい写真を選ぶ gimc001 posted by (C)フォト蔵 2)最大のズームレベルを設定する ズームレベルが大きいほど、出来あがるタイルの
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
CFDN |トラックバックにサムネイル画像を追加
個人的な主観ですが、トラックバックしてくれたサイトのサムネイルが付いていると便利だと思いませんか？ SimpleAPIを使えば簡単にカスタマイズ出来るので、早速ウチのサイトにもサムネイルを付けてみました。上手くカスタマイズ出来ればこんな感じになります。 <!−−trackback_area−−> <h3 id="trackback-top" title="「<%topentry_title>」には <%topentry_tb_num> 件のトラックバックがあります"><span class="num"><%topentry_tb_num></span>件のトラックバック</h3> <!−−trackback−−> <div class="section trackbackfield" id="trackback-<%tb_no>"> <h4 class="trackback-header"
複数(大量)の画像ファイルを対応ブログに自動でアップロードするツール(ソフト) - FC2Upload
複数枚または大量の画像ファイルを、対応するブログに自動でアップロードするツール(ソフト)を作ってみました。 (FC2ブログ、SeeSaaブログ、livedoorブログ、DTIブログ、忍者ブログ対応。 CSCブログ、アメーバブログ、楽天ブログ、gooブログ、ココログ、Jugem、ウェブリブログ、So-netブログに仮対応。) アップロードしたい複数の画像ファイルをドラッグ＆ドロップして実行すれば、あとはツールの方で１枚ずつ順番に 画像をアップロードしていきます。(これまでブラウザ上で手作業で行っていた、ログイン→アップロード画面へ移動 →参照ボタンを押してファイルを選択→アップロードボタンを押す(その繰り返し)といった行為をこのツールで代行します) 複数または大量にある画像ファイルをブログにアップロードしたいケド、手作業で１枚１枚アップロードしていくのは面倒！！ ってな方はこのツール(ソフト
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
Where can you find good images?
A lot of people ask me where they can get good-quality images, so I thought it would be good to have one post that I could bookmark and send out to people. I mentioned before that I use iStockphoto.com the most (as well as more expensive sites — though I do that much less now — and high-quality photo discs from Japan). A few people gave links to their favorite free or inexpensive sites as well. Be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
完璧画像検索
Flickr: Page Not Found
[CSS]スタイルシートで実装するスクロールするイメージマップ
http://bizcaz.com/archives/2006/12/23-144858.php