Photoshop CS6での質問です。


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

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

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

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

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

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

動画の時間は2分です。

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

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2017/11/13 09:49:19
  • 終了:2017/11/14 20:26:36
id:Questionnare

ぽけっとしすてむさん

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

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

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

ベストアンサー

id:kaoato No.1

kaoato回答回数20ベストアンサー獲得回数92017/11/13 21:21:26

ポイント100pt

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に画像がリサイズされたものが作成されていて、それが使われてます。

id:kaoato

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

Wordpress側で別途、上記の横300pxの画像が生成されて、それが表示に使われてるため、
ぼけた表示になってるかと思います。

2017/11/13 21:23:40
id:Questionnare

ありがとうございます。

無事に解決いたしました。

2017/11/14 20:27:18

その他の回答(0件)

id:kaoato No.1

kaoato回答回数20ベストアンサー獲得回数92017/11/13 21:21:26ここでベストアンサー

ポイント100pt

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に画像がリサイズされたものが作成されていて、それが使われてます。

id:kaoato

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

Wordpress側で別途、上記の横300pxの画像が生成されて、それが表示に使われてるため、
ぼけた表示になってるかと思います。

2017/11/13 21:23:40
id:Questionnare

ありがとうございます。

無事に解決いたしました。

2017/11/14 20:27:18
  • id:psne
    画像の現物や実際に表示されているページを確認出来ないため、推測で回答する必要があります。
    ※動画を撮影しても実際の表示ではない為、的確に回答が得られない場合があります。

    以下の項目をご確認ください。
    ・WordPressに画像圧縮用のプラグインを導入している場合、無効にしたまま画像を投稿をして表示の確認をする
    ・画像の表示領域と実際の画像の幅や高さが滲む程度に差異が発生している(例えば、760pxではなく761pxではありませんか? また、1.5倍の大きさにしたものでも確認を行います)
    ・ブラウザやPC/デバイスを変更して、画像以外の問題ではない事を確認します

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません