decoding="async" について詳しく調べてみる

2023/07/19 124 users async 挙動 Chrome 実装 パフォーマンス改善

この記事は2023年7月19日時点の Chrome の最新版 115.0.5790.98 を使って検証しました。今後 Chrome の実装によって挙動が変わる可能性はございます。 はじめに 画像表示のパフォーマンス改善において、「decoding="async" をつけましょう」というのをよく見かけますが、おそらくほとんどの人がその実際の挙動を理解して... 続きを読む

おしゃれなアイキャッチ画像の作り方＆デザインのコツ8つ

2017/08/01 102 users アイキャッチ画像 Photosh 目次 コツ ツール

今回は、アイキャッチ画像の作り方を解説します。デザインのコツもまとめているので、ブログやWebメディアを運営している方はぜひ参考にしてみてください。 この記事の目次 アイキャッチ画像作成ツール デザインのコツ アイキャッチ画像の作り方例 SNSでの画像表示をチェック 画像を圧縮しよう 1. アイキャッチ画像のデザインツールは？ アイキャッチ画像を作るためのツールはたくさんあります。 Photosh... 続きを読む

カスタマイズが超簡単なデザインテーマ「SOHO」を公開しました - NO TITLE

2017/07/08 302 users SOHO スポンサードリンク no title カスタマイズ

2017 - 07 - 08 カスタマイズが超簡単なデザインテーマ「SOHO」を公開しました ブログ運営 ブログ運営-カスタマイズ スポンサードリンク ポイント3. スマホのデザインにこだわり カテゴリーをハッシュタグっぽくしてインスタ風に。 コメントは吹き出しにしてDM風に（スマホのみ）。 ボタンの配置はアプリっぽく。 ポイント.4 画像の表示にこだわり 「SOHO」は画像表示にこだわっているの... 続きを読む

なんでもかんでも<picture>要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点 – Rriver

2014/10/06 407 users Rriver picture レスポンシブ cloud CSS

なんでもかんでも<picture>要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点 画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud ... 続きを読む

ECサイトから見る、スマートフォン画像表示の傾向 | SPhere!

2013/05/08 414 users sphere ZOZOTOWN zozo.jp http 傾向

スマートフォンはPCに比べて画面サイズが小さいため、画像表示に気を遣っているサイトも多いはず。 特に、サイトの使いやすさが売り上げに直結するECサイトでは、商品の魅力を伝えるために、画像表示に気を遣っているサイトも多いのではないでしょうか。今回は、ECサイトをリサーチして、スマートフォン画像表示の傾向を探ってみました。 調査対象となったサイト一覧 ZOZOTOWN（http://zozo.jp/）... 続きを読む