人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Photoshop CS6での質問です。

パソコンは、Windows8を使用しています。

やりたいことは、WEB用の写真使うのに、リサイズとトリミングを同時に行い、Wordpressに写真をアップします。

この場合、サイズは横760px×縦390pxで固定です。

各種説明書を読み、自分なりできるところまでやりましたが、WEBにアップすると画像がぼやけてしまいます。

何が問題か分からず、困っております。

自分の操作を画面キャプチャーで録画し、非公開設定でアップしております。
photoshopトリミングサイズ変更171110 - YouTube
https://www.youtube.com/watch?v=Fz6Ezg4VcLo&feature=youtu.be

動画の時間は2分です。

こちらをご覧いただきまして、ご回答いただけましたら幸いです。

●質問者: Questionnare
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から

ぽけっとしすてむさん

コメントありがとうございます。

こちらが該当ページです。

http://mitaka-chiro.com/about-sejyutu/


1 ● kaoato
●100ポイント ベストアンサー

http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/KMT0298rere20.jpg

Webにアップロードされている画像は、ぼやけてないので、
おそらく、Wordpress側の操作の何かでは?と思います。

■ボケてないケース

<img class="alignnone wp-image-2191 size-full" src="http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/CKP0145-1-2.jpg" alt="" width="760" height="507" srcset="http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/CKP0145-1-2.jpg 760w, http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/CKP0145-1-2-300x200.jpg 300w" sizes="(max-width: 760px) 100vw, 760px" id="exifviewer-img-2" exifid="-822134034" oldsrc="http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/CKP0145-1-2.jpg">

■ボケてるケース

<img class="alignnone size-medium wp-image-2509" src="http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/KMT0298rere20-300x163.jpg" alt="" width="300" height="163" srcset="http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/KMT0298rere20-300x163.jpg 300w, http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/KMT0298rere20.jpg 760w" sizes="(max-width: 300px) 100vw, 300px" id="exifviewer-img-3" exifid="1243139206" oldsrc="http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/KMT0298rere20-300x163.jpg">

300pxに画像がリサイズされたものが作成されていて、それが使われてます。


kaoatoさんのコメント
http://mitaka-chiro.com/wp/wp-content/uploads/2017/08/KMT0298rere20-300x163.jpg Wordpress側で別途、上記の横300pxの画像が生成されて、それが表示に使われてるため、 ぼけた表示になってるかと思います。

Questionnareさんのコメント
ありがとうございます。 無事に解決いたしました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ