Webエンジニアのブログ

Webで利用する画像データの形式は様々で、ロゴやアイコンそして見出しなどで使うテキストデータは、可変しても劣化しないベクターデータのSVG形式で扱っていくこともあります。ここでは書き出す際の設定も含めて、FigmaでのSVG形式の書き出し方...
続きを読む>>

Webデザイン制作の現場でよく利用されるようになったAdobe XD。デザインの要素から画像として書き出す中で、Web上で可変しても劣化しない、とても扱いやすいSVG形式で利用していく画像もあるでしょう。ここでは、Adobe XDでオブジェ...
続きを読む>>

Webサイトで利用する画像フォーマットとして拡大・縮小しても劣化しなく軽量なデータなので、SVGはこれからのWebサイトで多く利用されていくでしょう。そんな中、SVGの利用にあたって少し手こずるのがレスポンシブ対応です。ここではviewBo...
続きを読む>>

Webデザインでは文字だけでなく画像を使ったデザインも重要で、JPEGやPNG、GIFといった画像を利用することはよくありますが、SVGフォーマットを利用することで画像の劣化やページの表示速度を改善することができます。ここではPhotosh...
続きを読む>>