JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
学会で発表されるような画像処理関連の論文や画像加工系ソフトのサンプル画像などでよく見かけるのが上記画像の女性（イメージ的にはこの例1、例2、例3、例4のような感じ）。 あまりにも昔からよく見かけるので「一体誰なんだろう？」と思って調べてみたところ、この画像データは通称「レナ」と呼ばれており、正確には「レナ・ソーダバーグ」という女性。なんとあの「PLAYBOY」誌に掲載されているプレイメイトの一人であったとのこと。しかも、彼女が掲載された1972年11月号は約716万部も販売され（発行部数ではなく、実売部数であるというのがすごい）、「PLAYBOY」誌の最多販売部数として記録されているそうです。 要するに雑誌に掲載されていたグラビアを画像加工のサンプルとして使いまくっていることになるわけですが、一体どういう経緯でこんなことになったのでしょうか？詳細は以下から。 この画像に関する詳細は基本的に
スピーディーで、かつ正確率も世界一高いといわれる有名な性格判定テストなのだそうです。やり方は簡単、下の９枚の画像から、直感を信じて、時間をあまりかけず、５秒以内で一番気に入ったものを選ぶだけ。 この９枚の写真は、海外の科学者や心理学者らが共同で研究し、何年もかけて作り上げたものだそうで、世界中で何度も実験を繰り返し、図案の形や色を調整して、選び抜かれた写真なのだそうです。この９枚の写真が、９つの異なる性格を現しています。選び終わったら、「続きを読む」ボタンを押すと判定結果がわかります。 ＊画像クリックで若干拡大表示できます 【やってみよう、世界で最も正確な性格テスト】 １．悩みなし・わんぱく・ハッピー 悩みが少なく、わんぱくで常にハッピーでいられる人。自由で束縛されない生活を好む。座右の銘は「人生は1度きり。僅かな時間でも人生をエンジョイをしたい」。好奇心が旺盛で、新しい物事を積極的に受け
Overview Flash Gallery is a free application that allows you to create a slideshow on your website easy and fast. You won't need any programming skills to install or use it. Just embed it into your website and script will automatically form a slideshow from a specified folder. Main Features easy installation forms slideshow automatically supports Flickr photostream customizable design fully resiza
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
かつての洞窟や鍾乳洞が何らかの理由によって海中へ水没し、浅瀬に「穴」が開いたようになってしまっている不思議な地形のことを「ブルーホール」と呼ぶそうです。地上からその姿を見るだけでも美しいのですが、何よりその穴から見上げた光景も荘厳な迫力があり、見る者を圧倒します。 世界各地にあるブルーホールのうち、特に神秘的で美しいとされているものを見てみましょう。 閲覧は以下から。 5 Amazing Blue Holes [pics] 「カリブ海の宝石」と呼ばれているベリーズにある「ベリーズ珊瑚礁保護区」のブルーホール、通称「グレート・ブルー・ホール」。世界遺産に指定されており、世界の7大水中景観の一つ。直径305メートル、深さ123メートル。オーストラリアのグレートバリアリーフに次いで世界第2位の規模でも有名。もともとは洞窟だったらしいが、海面上昇によって洞窟の天井部分が陥没、このような巨大な縦穴に
ブログを始めtumblrなどのサービスがある中で、考え方自体が古いのかもしれませんが、見ては欲しいがコピーしてほしくはない、大事な写真、作品というのはあるものです。今日紹介するのはWEBページ内の画像を保存させない方法です。 あくまで簡易的なので、本当に保存しようと思えばいくらでも方法はあるのですが、参考までに記していきたいと思います。 詳しくは以下 原理から先にお話しすると、イメージタグでは無く、スタイルシートでその背景に画像を指定するという方法です。実際どうなるかと言うと以下の通り。 ドラッグまたは保存してもダウンロードされるのはダミー画像ファイルとなります。 実際のソースコードは以下の通り <p style=”background: transparent url(https://design-develop.net/wp-content/uploads/2007/12/nocopy
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
人体を描くのが下手な理由は、単純に人体を観察して描く経験が足りないためだそうです。だからといってヌードデッサンを100万回しようにもそもそもそんな機会がそうそうないわけで。 しかし時代は進み、現代ではネット経由で豊富な人体モデルが無料で入手可能です。さすがに実際に目の前においてデッサンをしたり、参考にするのとは勝手が違いますが、それでもこれだけでかなり助かる人も多いのではないかと。特に3DCG作成やマンガを描く際などには参考となるものがあるか無いかで雲泥の出来になるので、役に立つはず。 詳細は下記の通り。 まずはいろいろな無料で利用可能なヌードモデルの写真を置いているサイト。本来は3DCGのモデルのために置かれているものです。 Spectralogue. Textures, 3d models, soon HDRI and character reference. 次のサイトには、3DCG
Image Rollover Code This script is a standards compliant means of adding mouse rollover code to images in a document without the hassle of coding in extra parameters to each image in your document. This code is standards compliant and should not invalidate your document. Sample Usage To begin with you need to load the javascript into a page in the head section of your page. If you place the code
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
