Webエンジニアのブログ

HTML 一覧

WebP(ウェッピー)を利用して画像を軽量化する

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがあります。Webサイトでも画像をよく利用していくわけですが、画質や透明色の利用、色数やサイズ容量といろんな特徴を考えて、適した画像を使い分けていきます。 昨...
続きを読む>>

2019/11/02|WEB

viewBox属性でSVGをレスポンシブ対応させる

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

2019/04/17|WEB

HTMLとCSSで全画面に背景画像を表示させる方法

Webデザインをする中で画面全体に背景画像を表示させるといったデザインにすることはよくあります。画像を大きく見せることで大きなインパクトを与えることができてWebサイトの印象からいろんなメッセージを使えることができます。 実際にHTMLとC...
続きを読む>>

2019/01/09|WEB