画像の記事一覧

Webサイトにアップロードする画像や圧縮率はどのくらいがいいのか

低速回線でWebサイトがなかなか読み込まれなくてイライラすることはありませんか? ウェブページの読み込みは速ければ速いほど良いです。そして、その速さに大きく影響を与えている要素のひとつが画像です。Webサイトを更新する立場なら、できるだけ画像のファイルサイズは小さく抑えて配信したいもの。アップロードした画像がそのアップロード先のシステムで変換されたり圧縮されたりしない場合は、自分の手で圧縮することになります。そんなとき、画像ファイルのサイズと品質のバランスはどのように調整したらいいのでしょうか? 実装テクニックまで踏み込むと話が大きくなるので、手元で画像を圧縮するときに知っておくと便利な知識に絞ってまとめてみます。
デザイン
  • #画像
に公開

どのような内容の画像が入るかわからない場合でもきれいな見た目の枠線をつけたい時に使えるCSS

画像の内容によって枠線をつけたほうがきれいに見える場合と見えない場合があります。画像一枚一枚にたいしてつけるかつけないかを決められるなら困らないのですが、UGCサイトやブログテーマのようにどんな画像が表示されるのかわからないケースでは、そのような丁寧な判断をしたくてもできないのが現実でしょう。そんなときに重宝する枠線がPretty Borderです。
開発
  • #CSS
  • #画像
に公開