画像ファイルの最適化とスプライト画像の作り方 | さくらのナレッジ
Webサイトの最適化において、最も手軽にできて効果的なのは画像ファイル関連の最適化である。主に2つの最適化方法があり、1つは画像ファイル自体のファイルサイズを小さくして通信帯域を節約すること。もう1つは画像をまとめることによって通信回数を減らすことだ。それぞれのポイントや作業方法を解説していこう。 最適化できる画像はどのくらいある？ Webサイトの各ページには何かしらの画像ファイルが使われている。これらに改善の余地があるかどうかは、GoogleのPageSpeedなどの診断ツールを使って簡単に把握できる（参考：「PageSpeedを使ってWebサイトを最適化・高速化しよう」）。サイト運営でこれまでとくに画像最適化について意識していなければ、「？%サイズを縮小できる」「画像ファイルをまとめる」などのアドバイスを受けることだろう。 ファイルサイズを小さくできるPNG形式 一般に利用されている、
HTTPリクエスト数削減テクニック2： CSS Sprite編
はじめに こんにちは、クラスメソッド株式会社の野中です。 HTTPリクエスト削減テクニックの紹介に入り、前回の『リクエスト数削減テクニック1：インラインイメージ編』では、インラインイメージについて紹介しました。本記事では「CSS Sprite」の基本的な知識と使い方、使いどころについて解説します。すでに定番のテクニックとなっていますが、何となく使っていることが多いと思います。初学者の方にも理解していただけるよう詳しく解説します。 対象者 対象者は主にコーダー、フロントエンドエンジニアです。 デザインとコーディングを合わせて担当するWebデザイナーも対象です。 コーダー・フロントエンドエンジニア Webデザイナー Webディレクター Web担当者 CSS Spriteとは Webサイトではアイコンやナビゲーションなどに多くの画像が使われ、サイトによっては20個30個とたくさんのアイコンが使わ
Favicon作成ツール｜使えるオンラインツール｜Web関連特集｜PHP & JavaScript Room
Favicon（ファビコン）の変え方 2007/6/20 「favicon」（ファビコン）は、「ブラウザーのアドレスバー」や「お気に入り」（ブックマークメニュー）に表示される16px*16pxサイズの小さなアイコンです。 通常はブラウザのデフォルトアイコン（IEなら ）が表示されていますが、 Webページのhead要素内に以下の1行記述することで、オリジナルのfaviconを表示できます。 <head> <!-- トップページと同じフォルダにfaviconを置いている場合 --> <link rel='shortcut icon' href='./favicon.ico' /> </head> faviconは、一般的に「favicon.ico」という名前を付けます。 アニメーションfaviconの場合は拡張子が「.ani」になります。 link要素のhref属性には、faviconへのパ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
W3C - W3Cの仕様書等の文書の日本語訳集
Translations of Current W3C standards and drafts See also how to contribute to W3C translation efforts. A MathML for CSS Profile 日本語 (Japanese): CSSに対応するMathMLの概要書 — Translators: Yoshikazu Takamura A P3P Assurance Signature Profile 日本語 (Japanese): A P3P Assurance Signature Profile — Translators: Yusuke Koizumi A Semantic Web Primer for Object-Oriented Software Developers русский (Russian): Введени
ヤフー、ウェブマスター向けツール「Yahoo!検索 サイトエクスプローラー」公開
ヤフーは5月14日、ウェブマスター向けツール「Yahoo!検索 サイトエクスプローラー」ベータ版を公開した。 Yahoo!検索 サイトエクスプローラーは、Yahoo!検索の検索エンジン（YST）にインデックスされているウェブページや、インデックスに関連する情報を、URLを手がかりに検索できる。主な機能は以下の通り。 URLやドメインを指定して、YSTのインデックスにあるウェブページを調べられる。 YSTにインデックスされているウェブページの最終クロール日や言語判定結果を確認できる。 YSTに対してサイトマップ（URLフィード）を送信して、クロールのリクエストができる。 ウェブページやサイトにリンクしているページを調べられる。 トラッキング用のパラメーターのような、コンテンツに影響を与えないURL中のパラメータを非表示にしたり、パラメータに固定値を設定したりできる。 広く認知してほしくない、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webディレクション最新キーワード
web制作屋は、一体どのスキルを持っていれば即戦力なのか？17の作業に分解