• ベストアンサー

HP制作で使用する画像について

自社のホームページを制作しております。なるべく鮮明な画像を表示させたいと思い、サムネイルを配置、クリックすると大きなサイズの画像(700×1200ピクセルほど)を表示させるように設定しております。 画像容量が大きいためか、どうしても表示が遅くなってしまうのですが、画像の表示サイズは大きく、容量を軽くすることは可能なのでしょうか? 編集ソフトはPhotoshop、画像はjpegに変換して使用しております。 適した画像の編集方法などがありましたら教えてください。宜しくお願いします。

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

  • ベストアンサー
  • mac1963
  • ベストアンサー率27% (841/3023)
回答No.2

Photoshopでjpg保存時に圧縮率が変更出来ます その際プレビューしながら画像の劣化ろ確認出来るのでココ迄画質を下げてもOKと言う所を見つけてください

kz221678
質問者

お礼

ご回答ありがとうございます。圧縮率を変えながら適した画質のものを見つけたいと思います。

その他の回答 (1)

  • hunaskin
  • ベストアンサー率30% (1855/6063)
回答No.1

Photoshopでjpgに保存する際に解像度についてのダイアログが出ませんか? 印刷に使うとか写真家による作品としての写真のweb上の展示が目的、とかでないのならjpgの解像度は72dpiで十分だと思います。 この解像度が350とかになっていないか確認してください。 サムネイルつくるときにも、単に画像サイズを小さくしただけだと解像度を上げてしまってファイルの大きさが変わらない、なんてこともあります。 Photoshopのバージョンがわからないのでここで手順についての説明はできませんが、お手持ちのマニュアルなり解説本なりを見れば解像度の設定はすぐできるはずです。 そんなことは承知の上でのご質問でしたら、失礼しました。

kz221678
質問者

お礼

ご回答ありがとうございます。低圧縮で保存していたため、容量が大きくなっているようでした。

関連するQ&A

  • ページ内に配置してあるサムネイル画像を

    お助けください。 現在製作中のページ内に配置してあるサムネイル画像(JPEG)を、クリックした際に、新しいウィンドウで開きたいのです。 その際に「_blank」ではなく、サイズを指定して開きたいのです。 javascriptで行うのでしょうが、どう宣言して、画像の部分にはどのような記載をすればよいのかわかりません。 ご教授お願いいたします。 なお、このページには新しいウィンドウで開くものはサムネイル画像以外ありません。 サムネイルサイズ:80×60・60×80ピクセルの2種類 リンク先画像サイズ:320×240・240×320ピクセルの2種類 新しく開くウィンドウのサイズは。320×320ピクセルで開きたいです。

    • ベストアンサー
    • CSS
  • サムネイル画像

    ホームページを作成しているのですが、画像を掲載で困っています。 スキャナーで取り込んだ画像をいつもphotoshopで900×675ピクセル程度で「web用に保存」しているのですが、そのサムネイル(339×253)が非常に荒く見えます。 クリックして元の画像を表示させると特に気にならないのですが、サムネイルの荒さが非常に気になります。 解決策を知っておられる方がいましたら教えていただけますでしょうか。 よろしくお願い致します。

  • ホームページに使うパーツの画像の作り方

    ホームページ制作初心者です。 現在、dreamweaverやイラレ、photoshopを使ってホームページを手探りながら作っています。 そこでお聞きしたいのですが、タイトルにあるようなホームページの素材(例:バナーやボタンなど)はイラレで作った方がいいのでしょうか? イラレで作るとどうしてもJPEGに変換したときサイズが変わってしまうので、Photoshopで作っていたのですが、なぜか他のサイトと見比べてもかなり画像が粗い(というより白ぼけ)です。 一応JPEGに変換するときは画質(100)を最高にしてるんですが・・・ どうかご助言のほどよろしくお願いいたします。 また、イラレで作った時、変換するとサイズが代わって(大きく)なってしまうのをなんとかしたいのですが。。。合わせてよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 携帯(au)で見られる画像形式の定義がわかりません。

    お世話になります。 携帯(auのW41CA)に、miniSD経由で画像を取り込んだのですが、何枚かが表示されませんでした。 容量を見ると表示できた物は大体30kb程度、表示されない物は100kb程あり、容量の問題なんだと、web用にサイズを減らしそのファイルは表示されました。 ですが、別のファイル24kb程の画像が表示されませんでした。 ピクセルを見ると600×450ピクセル(因みに携帯は240×400ピクセル)あり、画像サイズにも制限があるのかと思いましたが、 別のファイルで同じ600×450ピクセルのファイル(しかも容量が164kbあるもの)が縮小されて携帯でちゃんと表示されたので、混乱してしまいました。 同じ画像サイズで容量の大きい方だけが何故?? 携帯で表示できる画像形式の定義はどのようになっているのでしょうか? 変換にはPhotoshopを使っています。 webで携帯サイズに変換できるソフトがあるようですが、それらは使用せず、Photoshopで変換を済ませたいので、表示できる、できないの違いが知りたいです。 よろしくお願い致します。

  • イラレとフォトショップでバナー用の画像を作ってるのですが。

    こんばんわ。初心者で独学なのですが、600*200サイズのバナーをイラレとフォトショップで作ろうと思って作業しています。その際、分からない事が出てきたので質問させていただきました。以下です。 1:photoshopで600*200ピクセルで画像を切り抜いて、それをイラレに配置するとピクセル数がぜんぜん大きくなっている。(600のはずが1300くらいになってました。) 2:イラレの四角ツールで600*200の四角形をつくり、それを台紙として画像を作成したところ、gifで完成品を保存してサイズを確認してみると、600*200ぴったりでなく、微妙に数値が614とかになっている。(画像によって大きさがまちまち)。 画像は、サイトから引っ張ってデスクトップに保存したjpegを、イラレに配置して使いました。 モノによってだいぶ画像の仕上がりサイズにばらつきがあるのはなぜなのでしょう?? 要するに、600*200のバナー用のgif画像を作成したいという事なのですが。photoshopとイラレとjpegの互換性とかが関係あるんでしょうか。正しいピクセル数値で作成するにはどうしたら良いですか? また、photoshopやjpegファイルをイラレに配置する際、サイズの食い違いを避ける為に注意する事はありますでしょうか? すみません。なんだかえらい長々と書いちゃいました。わかりづらい文章で申し訳ないです。お願いします。どなたかぜひご指南ください。お返事お待ちしてます。

  • photoshopで作った画像をillustratorで同じサイズで配置する方法を教えてください。

    はじめまして。 現在photoshopで加工した画像をillustratorで配置し編集したいのですが。illustratorで配置するとなぜかかなりサイズが小さくなって配置されます。 できればそのままのピクセルサイズで配置したいのですが、原因と解決方法を教えていただけないでしょうか?

  • 画像付きホームページから簡単に画像だけとりたい。

    あるホームページにいったとして、そこに15枚の画像のサムネイルがあったとして、試しにirvineでとろうとしたらサムネイルの一つ一つが更にホームページになっていてとる事が出来ず、とろうとすると1枚1枚右クリックして画像を保存するしか出来ず、画像が65枚もあると20分を要し、やってられません。flashgetを使ってみましたがとれたのはjpegではなくphpなのです。どなたか助けてくださいませませ。

  • Photoshopで既存のシェイプや画像のサイズをピクセルで知りたい

    Photoshopにすでに配置されている写真やシェイプなどの正確なサイズを知ることはできるのでしょうか。 操作対象をクリックして編集>自由変形を選択し、オプションバーのWやHにピクセルを入力すると、そのピクセルサイズに変形できますが、すでに配置済みのもののサイズをピクセルで知ることはできるのでしょうか。 またピクセルサイズを指定して縦横比を維持したまま拡大・縮小する方法はあるのでしょうか。 いろいろ調べましたが、わからずにいます よろしくお願いします。

  • Adobe Photoshop Elements 4.0 画像サイズ変更について

     Adobe Photoshop Elements 4.0を使用しています。画像を編集してパーソナル編集長というDTPソフトに読み込みます。クリアな画像と画像ファイルの容量を小さくする事を目指しています。  普通に読み込んだら画像が大きいので、イメージ→サイズ変更→画像解像度をクリックし、ピクセル数の所をパーセント表示にして5%に設定。するとピクセル数が22.8Mから58.4Kになり、連動して幅と高さも(mm)縮小されました。(幅60mmと高さ40mm)しかしこの写真は読み込むとピンボケ写真でした。それで解像度を72から300にアップするとクリアな画像が読み込まれ、ピクセル数は981,3Kでした。このピクセル数というのはそのまま写真の容量と考えていいのでしょうか?

  • 配置時に保存形式によって画像サイズが変わる

    WINXP、PhotoshopCS3、Illustrator10で作業しています。 地図画像をIllustratorに貼り込むために、元の画像(TIFF)をPhotoshop上で適切な大きさにして保存したものを、Illustratorにリンク配置しています。 ですが、同じ画像でも保存形式によって貼り込んだ時の大きさが変わってしまうのです。 ちなみに全く同じサイズ・ピクセル数・解像度の画像を、それぞれJPEG・TIFF・EPSで保存し、全て試しに配置してみたところ、JPEG画像はきちんと求めていた大きさでの配置ができたのですが、TIFF・EPSの画像は小さくなってしまいました。 このあたりわかりにくいかと思うのですが…地図を版下に入る縮尺にするために、率を指定して元の画像を縮小しました。Illustratorで配置した際に、使いたいサイズで配置が出来たのはJPEGだったのですが、Photoshopで元のサイズを確認したところ、ドキュメントのサイズ通りで配置されていたのはTIFF・EPS画像の方でした。つまり実際のサイズ的には正しいのはTIFF・EPS画像の方なのですが、使いたいのはJPEGの方なのです。 まったく同じ画像を、保存形式を変えただけなのにJPEGだけどうして配置時に変わってしまうのかもよくわかりません。 以上の内容なのですが、何故なのか原因がわかりません。もし何か作業手順や、保存形式などについて心当たりがあるかたいらっしゃいましたら教えていただけますでしょうか。 わかりにくい説明で申し訳ありません。印刷所に入稿するものなので、できればTIFFかEPSで貼り込みをしたく、困っています。 どうぞよろしくお願いいたします。