#画像・SVG
7件の記事
ほかのテーマも探す1ページ目の記事を表示中
デザインPNGとJPEGは何が違う？背景を透かしたい画像の保存形式を選ぼう
写真やロゴを保存するときの形式を、背景の透過と画質で整理。背景色を切り替えられる比較作例で違いを確かめよう。
Web制作相対パスと絶対パスって何？画像やリンクの場所を確かめよう
画像が出ない原因を、ファイルの場所から考えよう。ダウンロードできる小さな作例で、同じ階層と一つ上への参照を体験するよ。
デザインSVGのviewBoxって何？表示サイズと中の座標を分けてみよう
SVGが切れる、余白が大きい。そんなときに確認したい、viewBoxと図形の座標の関係を作例で整理するよ。
Web制作srcsetとsizesの書き方：画面に合う画像を届けよう
スマホにも大きな画像を送っていないかな？表示幅のヒントと画像候補を、HTMLで分けて指定するよ。
デザインラスターとベクターの違い：ロゴと写真で保存形式を選ぶ
画像は全部同じ扱いでいいのかな？拡大するときと編集するときの違いから、形式を選んでみよう。
Web制作画像のlazy loadingとwidth・height：表示ずれを減らすHTMLの基本
画像を遅延読み込みするときの書き方と、最初に見える画像で気をつけたいことを整理するよ。