グラフィック・パターンの扱い (6) スーパーサンプリング
前章では、補間処理を利用した拡大・縮小処理の高画質化を行ってきましたが、補間処理とは異なる方法を使ったエイリアシングの抑制(アンチエイリアシング; Anti-aliasing)として、この章では「スーパーサンプリング(Supersampling)」を紹介したいと思います。 補間処理は、ピクセルの値を利用して連続関数を再現し、ピクセル間の値を求めることによって任意の位置の色コードを決めていました。どの処理についても共通していることとして、ピクセルと同じ位置の値は変化しないということがあります。そのため、例えば画像を縦横ちょうど半分のサイズに縮小するような場合、最近傍法を含むどの補間処理を利用しても結果は同じであり、画像の中の 1/4 の情報は切り捨てられてしまいます。 前の章の最初に紹介した「任意の比率での拡大・縮小処理」において、縮小処理では周囲のピクセルと合成することによって情報の欠落を
画像の変換（目次ページ） - koujinz blog
「画像フォーマット」カテゴリの記事 超解像(2009.05.30) アンチエイリアシングとClear Type(2009.05.17) アウトラインフォント(2009.05.16) エッジ検出・エッジ強調・ぼかし(2009.05.09) 画像の拡大－距離計算に関する考察(2009.05.06)
メディアンカット法による画像の減色 | 開発ブログ | スパイシーラボ
こんにちは。マンガゲットの開発を担当している武上です。 先日マンガゲットではマンガコマ書き出しエンジンのリニューアルを行いました。 今日はそれに関連して画像の減色について書きたいと思います。 減色とはその名の通り、画像の色の数を減らすことです。PNGのような画像形式の場合、フルカラーで表現することもできますが、使う色数を制限することで、大幅にファイルサイズを削減することができます。 大量の画像をスマートフォン向けの大きな解像度で連続して表示させようとした場合、単純にフルカラーにしてしまうと、ダウンロードにかかる時間が長くなってしまい、マンガのコマをさくさくと読んでもらうことができなくなってしまいます。 そこで、なるべく見た目を変えずにファイルサイズをいかに削減できるかが重要になってきます。近い色をまとめることで、見た目を維持しつつ画像の色数を減らす処理が減色です。 減色の流れは
1枚の画像からサイズ可変な罫線を表示する（1）：FirefoxとSafariのCSS - builder by ZDNet Japan
現在のWeb制作では、画像を使ってサイズ可変な罫線を表示する場合、辺やコーナー別に画像を用意して対応する。しかし、画像を作成するのに手間がかかる上に、画像の表示先として複数の要素（タグ）を用意する必要があるなど、HTML/XHTMLソースやスタイルシートの設定が複雑になるという問題がある。 それに対して、CSS 3ではborder-imageプロパティを利用することにより、1枚の画像からサイズ可変な罫線を表示する方法が提案されている。border-imageプロパティでは、ブラウザが1枚の画像を9つに分割して罫線の表示を行うので、これまでのように制作者が辺やコーナー別に画像を用意する必要がない。また、スタイルシートも などの1つの要素に適用するだけで設定できるというメリットがある。 Safari 3ではこの機能をサポートしており、-webkit-border-imageというプロパティで利
簡単！リアルタイム画像変換をNginxだけで行う方法
先週金曜日（12/2）にクックパッドインフラ勉強会に参加しまして、そこで同社の成田さんから「今日からできるApacheモジュール開発と運用」という発表がありました。 リアルタイム画像変換モジュールの「TOFU」を開発するに至った経緯と、Apacheモジュール開発についてのお話でした。 TOFUは、S3に置かれたマスターとなる画像ファイルを取得し、与えられたパラメータでリアルタイム（オンザフライ）にリサイズ・トリミングを行うモジュール（mod_tofu）です。 料理を楽しくする画像配信システム 実際は、モジュールによる画像取得・変換をベースに、キャッシュや配信までも含めた一連の画像配信システムと言えそうです。 この仕組みをNginxを使って実装できないかと考えて、リアルタイム変換の仕組みをNginxだけで実現する方法を実験してみました。 準備するもの HttpImageFilterModul
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GIMP2の使い方
覚えておいて損はない、CSSのみで画像を円形や三角形に切り抜く方法
SafariとChromeのCSS対応：文字や画像にマスクをかける - builder by ZDNet Japan
Holder.js - image placeholders in browser
placekitten
Twitpic
Placehold.it - Quick and simple image placeholders