• ベストアンサー

画像の切り出し方法

こんばんは。お世話になります。 友達のHP作りを手伝うことになりました。 HTML・CSSは少しは分かります。 イメージ画像をもらったので、ナビボタンやその他の画像を 切り出したいのですが、どのようなソフトのどの機能を使うのがよいのでしょうか? フリーソフトのJTrimというのをインストールして、Jpeg画像を切り出してみましたが、 元のイメージ画像と比較すると、粗く?なったのか、若干汚くなったように見えます。 元画像と遜色なく、切り出し可能な方法がありましたら、教えていただけないでしょうか? フリーソフト以外(購入すべきソフト)がありましたら、 ソフト名と、切り出し方の方法を簡単にでよいですので、ご教示くださいませ。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • Dimen9100
  • ベストアンサー率78% (18/23)
回答No.1

参考程度に・・・ >Jpeg画像を切り出してみましたが、元のイメージ画像と比較すると、粗く?なったのか、若干汚くなったように見えます。 Jpegは加工したり上書き保存すれば画質は落ちます。 そこで私はJpegの加工はAdobe Photoshopで最低でも8ビットよりも劣化の少ない16ビットに変化してから行います。 ちなみに16ビットでの作業はPhotoshopよりも安価なCorel Paint Shop Proでもある程度は可能です。 また、オリジナルの画質が良ければボタン、バナー、スライス等WebパーツのほとんどはAdobe Fireworksで作っております。 Web用画像でしたらFireworksはおすすめです。(安くはないですが・・・)

参考URL:
http://www.adobe.com/jp/products/fireworks/
Jupiter_00
質問者

お礼

こんにちは。回答ありがとうございます。 >Jpegは加工したり上書き保存すれば画質は落ちます。 ・・・そうだったんですね。 少し画質が落ちたなー、と感じるぐらいの差でしたが、原因がわからず気になっていました。 Fireworksは確かに安くはありませんが、Web関係のことはいろいろと出来そうですね。 体験版もあるようなので、参考にしてみます。 ありがとうございました。

その他の回答 (1)

  • ddg67
  • ベストアンサー率22% (1211/5475)
回答No.2

ちゃんと使いこなす事ができるのであればjtrimでもキレイに出力できます。 ソフトが悪いわけじゃありません、業務でWebデザインなどをしている方はAdobe社のPhotoshopやFireworksを使っていますが、これも使いこなしがマズければ、汚い画像を作り出してしまいますので、ソフトを買っても一緒ですよ(^_^; >切り出し方の方法を簡単にでよいですので、ご教示くださいませ ふつーに作業して別名保存するだけです、別に特別な事はしてません。どーやったら汚い画像が出来るのか、こちらのほーが知りたいぐらい(^_^; どのような手順で作業して、どのような手順で保存したのかを示しましょう、そうしたほうがアドバイスを得られますので。

Jupiter_00
質問者

お礼

こんにちは。回答ありがとうございます。 >どのような手順で作業して、保存したか JTrimの切り出しツールを用いて、普通に切り出して別名保存しました。 汚い・・とまではいきませんが、元画像に比べると多少画質が落ちたように見えたので、 どうしてかと思い、ご質問させていただきました。 確かに、説明不足だったかもしれませんね。 ありがとうございました。

関連するQ&A

  •  画像と 素材の合成

     うまく説明できてなかったら ごめんなさい。 取り込んだ フリー素材を 自分の画像に 張りつけたいのですが、 取り込んだ素材の背景を透明にして 自分の画像と綺麗に 合成するには どうしたらいいのでしょうか?  ソフトは Jtrimで 画像は JPEG です 教えてください。

  • HTML上の画像を結合する方法がありますか?

     HTML上に複数の画像を載せます。それらを結合してひとつの画像として保存することは可能でしょうか。  例えば神奈川県の各市町村の画像をHTMLに載せます。各市町村を組み合わせて県地図を表示するイメージです。で、その画像達を「神奈川県」というひとつのファイルで保存したいのです。  HTMLに限定せず、何らかのソフトウェアを使うことは拒みません。ソフトはフリーでなくても結構です。

  • 元の比率で画像を切り抜きする方法

    画像の比率を変えずにデジカメで撮影した画像の余計な部分を 切り取りたいのですが 無料のソフトで簡単に切り抜き出来るものはありますか? 今つかっている「JTrim」というソフトでも切り抜きは出来る ようですが、縦と横の数値を入れないといけないために 元の画像の比率を保持したまま切り抜きする方法がわかりません 他のソフトで簡単にできるものなどありましたら (ドラッグして切り取れるような・・・・) そちらでもかまいませんので、教えていただけますでしょうか?

  • HTMLでCSSを使わずに文字を回り込ませる方法

    題名通りなのですが HTMLにおいて画像の横に文章を書きたい場合は CSSを使って文字を回り込ませます。 しかしCSSを使わずにHTML上だけでこれをできるようなのですが 探し方が悪いせいか方法がわかりませんでした。 なのでCSSを使わないで 画像の横に文字を回し込ませる方法を教えてください。 ※画像は理想とするイメージです

  • 画像レタッチソフトをお教えください。

    画像レタッチソフトJTrimの公開が終わってしまいました。 何かこれに代わるフリーの画像レタッチソフトをお教えください。

  • 画像の余白に、イラストを貼り付ける方法

    よく、ヤフオクやブログで見かけるのですが、 ↓ この、ように、画像の余白にイラストを貼り付けて るのを、見かけます。 http://auctions.c.yimg.jp/img343.auctions.yahoo.co.jp/users/7/0/3/2/aoihime_k-img450x600-13808935716tlnau24257.jpg 画像加工ソフトでの、操作方法が解らないのですが、どのように行うのでしょうか? 扱ってるフリーソフトですが、 photoscapu jtrim gimp OSは、Windows 8です。 他にも、簡単に出来る方法やフリーソフトがあったら、 教えて下さい。 画像の事は詳しくない為すみませんが、宜しくお願いします。 カテゴリ デジタルライフ > ソフトウェア > 動画・画像処理

  • 画像の表示方法について

    画像の表示方法について 画像に関してですが、HTMLの中にimgでマークアップするより、cssで画像を指定した ほうがいいとある書籍に書いてありました。しかし、実際の方法が具体的に記載されて いませんでした。 それで考えたのですが、以下のように<div></div>で範囲を決めて、その背景画像に 画像を指定すればよいと思いました。 その際に、<div>と</div>の間には何も入らなくてもいいのでしょうか? つまりこういうことです。 <div id="photo"></div> css #photo {     background-image: url(image/photo01.gif);     background-repeat: no-repeat;     width: 240px;     height: 180px; } これで240×180の写真が出せると思いますが、中に何も入らないのは文法上 いいのかどうか分かりません。 知人に聞いたら、適当にテキストを入れて、それをcssのtext-indentで表示を 消したらいいと言われました。つまり下記の通りです。 <div id="photo">photo1</div> css #photo {     background-image: url(image/photo01.gif);     background-repeat: no-repeat;     text-indent: -9999px; ←これでテキストをかなたに飛ばす     width: 240px;     height: 180px; } HTML、cssについては、独学で本などで学んでいるため、聞きたいことが聞けずに 困る時があります。上記のものもその一つです。 この質問と共に、ついでで申し訳ありませんが、伺いたいのですが、Webマスター たちが集まって、お互いに質問したり答えあったりするサイトや掲示板などが あったらお勧めのものを教えてください。何卒、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像に文字を入れたいのですが?

    画像に文字を入れたいのですが? JTrim というフリーソフトを使用してます。 そこで、デジカメで撮った写真に文字を入れたいのですが・・。 黒と白やグレーなどは綺麗にプリントした時に文字が 分かりますが、どすぐろい赤に関しては JPEGで保存すると なんだかボケた感じで保存され プリントもその色だけボケてます・・。 さてはてこれは一体どういう事なのでしょうか? ※ちなみに、今回、背景は黒で使用してます。

  • 画像に文字入れするとところどころ文字が消えます。

    JTrimを使って画像に文字入れ(フリーフォント)をしているのです が、綺麗に文字が入りません。保存してからブログにアップすると ところどころ文字が消えてとても汚くなってしまいます。 アンチエイリアスを使っても使わなくても変わりません。 フリーウェアなので仕方がないのでしょうか? たまにとても綺麗に画像に文字入れされているブログをみかけますが、 フォトショップなどのソフトを使っているのでしょうか? JTrim以外の方法でも構いません。綺麗にフリーフォントの 文字入れが出来る方法があれば教えて下さい。

  • ホームページビルダーが画像ソフトで加工あるいは縮小した画像を受付ません。

    ホームページビルダー2000を使っています。以前、画像フリーソフト「JTrim」で加工したデジカメ画像をHPビルダーが受け付け無い原因について質問しご指導いただきましたが、解決出来ませんでした。 そしてその後も、色々なソフトを使ってみました。結果として、かつてのオフィスに入っていた「フォトエディター」やフリーソフト「縮小専門。」の加工画像は受け付けるのですが、オフィス2003に入っている「ピクチャーマネージャー」や「JTrim」の加工画像は受け付けません。ご指導の通り、保存はすべてJPEGにしています。 実は「フォトエディター」を私は持っておらず、友人にメールで送って加工してもらい、また送ってもらっています。「縮小専用。」は画像効果機能はありません。HPビルダーにもウェブアートデザイナーがあるのですが、画像縮小は解像度が落ちますし、その他の効果も今一です。 なんとか解決の糸口を見つけたいとのです。分かる方がいらっやいましたら是非教えて下さい。

専門家に質問してみよう