ID非公開

2022/1/19 18:50

44回答

独学でwebデザインを勉強中です。 とはいえ本当に始めたばかりで初心者丸出しの質問で申し訳ないのですがお付き合いいただけると幸いです。

画像

ベストアンサー

1

1人がナイス!しています

ThanksImg質問者からのお礼コメント

ありがとうございました!

お礼日時:1/25 23:54

その他の回答(3件)

0

css側の使い方は回答が出てるので… イラレからフォトショに移す必要ないですよ。 切り抜きたいならアートボードツールで範囲指定してweb用に保存(ctrl+alt+shift+s)したらOKです。 そのあとでオブジェクトを動かしたりアートボードのサイズを変えてあげたらいいですよ。

0

いまのウェブデザインは、矩形ボックスの大きさ・プロポーションが可変する「レスポンシブ」が前提なので、以前のようにPhotoshopで切り取り、画像だけノートリミングで配置するやり方は通用しません。 かなり前から、object-fit : coverという属性値を使っています。 https://webdesignday.jp/inspiration/technique/css/7976/ ただ、これだけではうまくいかないことも多く、画像は縦横どちらにも振れる状態にしておいて、メディアクエリで、縦横(想定)の状態で、object-position をなぶっています。 インデザのように自由にトリミングはできませんが、ご参考まで。

0

出来ますよ。 cssでoverflow: hidden;を掛ければいいです。 WEBはレスポンシブ対応があるので、その時はそんな感じでページ幅に合わせて画像トリミングしますよ。