Logs

2007-02-26

Photoshopの縮小のうんけっぷりをどうにかしたい

• eclucifer blog Yukari を使ってみた。

いいなーいいなー。

Photoshopってレタッチソフトという名前の割には、実は縮小がちょっとどころか結構うんけ。私の知る限り最も綺麗に縮小してくれたのは、Paint Shop Pro X ペイント ショップ プロ 10かPhotoFiltreかな。フリーソフトにも負けているぞ、Photoshop。ちなみに回転は、普段あまり使用しないので分からないです。

で、ですね。困ったことに環境がMacに移って以来、上記アプリケーションが２つともWindows限定でのアプリなので、どちらも使用不能になりまして。PhotoshopがCS2になって多少縮小がまともになったもののやはり微妙な時があるので、自分が毎度やってる縮小法（というか作業法？）を書いておきます。そんなビックリするようなものでもないのですけども。

あ、ちなみにWEB用の絵ばっかりなのでピクセル数が小さめです。解像度350dpiで横幅3000pxみたいな印刷用を前提とした画像にはあまり向かないです。多分。

1. 仕上がりサイズ(例:200x200)で新規作成
2. 「イメージ→画面解像度」でピクセル寸法を200%にする（400x400pxになります）
3. 絵描いたり写真いじったり
4. 「イメージ→画面解像度」でピクセル寸法を50%縮小

50%とか言ってますが、70%しか縮小しないときもあります。とりあえずピクセルで縮小だとイマイチです。パーセント指定の方が綺麗に縮小されます。そしてCS2は、以前のバージョンに比べて縮小が綺麗になった（気がする）ので、そんなに目くじら立てるほどでもないのですけども。

そーいや、回転といえばPainterがビックリするほどアホです。

Photoshopの縮小のうんけっぷりをどうにかしたい feedbackへの反応

マルさんへ

そ、そ、そのやりかたは…! や、私もそのやり方は普通にPhotoshopで縮小するよりも綺麗に縮小されるなぁーとは思っていましたけども! 今度からそれにします :P

いやー、まことにPhotoshopには頑張っていただきたいですよね。

2007-02-23

img要素を使ったら負けだと思っている？

基本的に、文字情報と装飾画像の分離という姿勢は好きです。が、pdfなんかはtarget="_blank"にしたほうが良い（※1）というように、この分離の姿勢にも特例があるような気がする今日この頃。

text-indent:-9999pxの手段を取ると、CSSがOFFな場合はいいのですが、CSSがON、画像が非表示(OFF?)の場合だと装飾画像が表示されなくなるんですよね。CSSでの画像置換え系で、唯一痛いところ。

JavaScriptでロールオーバーは、JavaScriptをOFFる人がいるからNG。display:noneは、音声読み上げブラウザに配慮してないからNG。text-indent:-9999pxは、CSSがON、画像非表示の環境下になると、JavaScript以上に使い物にならなくなると思われるので、NGだと思うのですが、そのへんはどうなのでしょう。Object要素はIE6の実装が胡散臭いという問題があるので、現状ではNG。と、いう風に消去法でいくと、残るのはimg要素とalt（ロールオーバーしたいときは潔くJavaScript）で表示するのがベターな方法なのでは、と思います。あるいは、CSSでロールオーバーしたい場合は、 Fast Rollovers Without Preloadの様に、テキストを何万ピクセルの彼方へ吹き飛ばさない方法が良いと思うんだけどなぁ。一線を越えてしまってはいけないと思うのです。

アンカーテクノロジー株式会社は、文字を画像化させた装飾画像ぽいものをimg要素（とalt）で表しています。私はこれ結構好きです。もちろん、テキストであればもっと良いのですけど。胡散臭いCSSの使い方よりも、こちらの方が多数幸福を得られそうな気がして良いなと思うわけです。

ってここまで書いておきながら、雄さんが似たようなこと書いてたのを思い出した。（画像化文字を（中略）するような所謂アレ系）

…もしかして、あれですか、テーブルを使ったら負けだと思う（※2）のと似たようなもんなのでしょうか。

W3Cの仕様に沿う、完全に装飾と文字情報を分離させる。…大いに結構ですが、閲覧者のことも考えてやってくださいと。まぁ、うちもdivが腐ってるとかpng画像が100kb超えてるとか色々アレなんですけどね :P

※1

まー、この件は、本来UAがどうにかする問題だと思うのですがね…。まぁ、一応。（PDFをはじめとするウェブページではないドキュメントは新しいウィンドウで開こう）

※2

Web標準の教科書を買った私を、後に愕然とさせた迷言。（参照：覚え書き@kazuhi.to: table要素とかdl要素とか）

img要素を使ったら負けだと思っている？-feddbackへの反応

装飾のための画像情報をHTMLに含むことに疑問を感じる者です。/ CSS3のcontentプロパティに期待。

cite:はてなブックマーク - JamGraffiti - Logs - 私が XHTML へ移行した理由

CSS3は夢が詰まっていますよね。いつ実装されるのでしょうねぇ…。

あぁ、この件は、target="_blank"がStrictじゃない!Strictに反する!とか言ってJavaScriptを用いる方がいらっしゃるので、それと似たようなものかなと思いました。

私は、画像置換素晴らしい!と技術を紹介している本やサイトを見るたびに、毎度text-indent:-9999pxというCSSの指定を受けて、何万ピクセルの彼方へ飛ばされた、本来あるべき文字情報が、ただの画像置換えのための代替要素のような扱いを受けているのを見て、切ない気持ちになっただけですので。そんな扱いをしてまで画像置換をしたいのならば、潔くimg要素にしたらどうか、という感じです…。CSS3が早く実現するといいですね。

---

FUMINGさんへ。

えぇ、まったくです。