ホームページ修正のご依頼方法と直接的な修正ができない場合の代替案のご案内例についてお伝えしていきます。 メールによるホームページ修正のご依頼方法や修正内容のご連絡方法など、ご依頼にかかる具体的な内容に触れた後、ご希望のホームページ修正が難しい場合の代替案のご案内例を掲載させていただきます。 「ホームページの修正を依頼するにしても、メールでどうやって伝えたらい
画像
画像の非同期デコード「decoding=”async”」と画像の遅延読み込み「loading=”lazy”」について触れていきます。decoding属性、loading属性どちらも初期値（未設定時）はautoであり自動的に最適な描画がなされますが、これらをはっきりと設定しておくことで、ページの読み込み速度を向上
画像の非同期デコード「decoding=”async”」と遅延読み込み「loading=”lazy”」 Recently updated !
ホームページに設置した画像内の文字の修正についてお伝えしていきます。弊社ではホームページ修正サービスを提供しておりますが、「テキスト修正だと思ったら、【画像内に埋め込まれた文字の修正】であったため、費用が想定よりも高く、修正依頼を断念しそうになった」というケースがちらほらあります。 そのような場合は、新規画像制作等の代替方法のご提案で対応させていただいていま
ホームページに設置した画像内の文字の修正 Recently updated !
今回は、「より優れたモバイルフレンドリーサイトのために 画像編」と題しまして、もう一段踏み込んだモバイルフレンドリーについてお伝えしていきます。 モバイルフレンドリーとは、ウェブサイト・ホームページが、スマートフォン表示の際に、閲覧しやすいように配慮されているということを指します。このモバイルユーザーへの配慮は、検索エンジンからの評価にも影響があるため、SE
より優れたモバイルフレンドリーサイトのために 画像編
「画像」に問題があるホームページのSEOカスタマイズ事例・実績についてご紹介させていただきます。 株式会社ファンフェアファンファーレでは、ホームページの新規制作サービスのほか、既存ホームページのSEOカスタマイズサービスなどを提供しております。ホームページの新規制作よりも、カスタマイズやSEOのご依頼の比重がかなり高まってきております。 SEO対策・SEOサ
「画像」に問題があるホームページ SEOカスタマイズ事例・実績
ウェブサイト・ホームページを構成するパーツである「画像」。ホームページ制作で使用するホームページ用の画像には、写真素材をはじめ、Illustratorなどで制作されたGIFボタン、PNGボタンなどがあります。 このGIFボタンなどには、テキスト（文字）が埋めこまれていることがよくあります（ボタンなのですからそれが一般的です）。もちろんボタンに限らず、掲載写真
ホームページ素材の特殊加工 画像ボタンの再作成
今回は、WordPressサイトの添付(画像)ファイルページをカスタマイズする方法として、WordPressテーマのimage.php、attachment.phpなどを編集して添付ファイルページ・画像添付テンプレートをカスタマイズする場合についてお伝えいたします。 WordPressには投稿と固定ページがありますが、これらのページのサブページとして「添付フ
WordPressの「添付(画像)ファイルページ」をカスタマイズする
ホームページ設置画像のalt属性へのキーワード詰め込みは、ブラックハットSEO（検索エンジンスパムに該当する、検索結果上位表示だけを狙うSEO対策）として、検索エンジンペナルティの対象となります。 この画像のalt属性（オルト属性）は、「代替テキスト」として、画像が表示できない場合に示すテキスト（文字列）を指定します。画像にテキスト情報を与えるため、画像に対
画像alt属性へのキーワード詰め込み ブラックハットSEO Recently updated !
バナー（banner）は、「旗」「旗印」という意味があり、ウェブサイト（ホームページ）においては、リンク用の小さな画像を意味します。 内部コンテンツに対する内部リンク用の小さな画像もバナーと呼ぶことがあります。 近年ではファイル形式は様々ですが、以前はGIFやGIFアニメーションが一般的でした。 「サイトの看板」としてのバナー バナーは、狭義にはかつて一般的
バナー Web制作|ホームページ制作用語 Recently updated !
トリミング（trimming）は、画像の加工において、選択範囲を切り取る機能です。画像の一部分を切り取ることを指します。 フォトレタッチの基本的な機能です。ホームページ制作においても画像加工の際に行います。WordPressでは画像アップロード後のトリミングも可能になりました。 CSS設定によって設置画像を部分的に見せることは可能ですが、ページのファイルサイ
トリミング Web制作|ホームページ制作用語 Recently updated !
フォトレタッチは、フォト（写真）データを修正・加工する作業を意味します。ノイズの除去や色調の補正、トリミング、フィルタリングなど、画像データを編集することを指します。ホームページ制作においては、ホームページで使用する画像を編集する場合を指します。 フォトレタッチソフト 現代ではOSに標準でフォトレタッチソフトがインストールされていたり、フリーウェアやスマート
フォトレタッチ Web制作|ホームページ制作用語 Recently updated !
アルファ、アルファ値は、ウェブにおいて、指定要素の透明度、透過情報を意味します。ホームページ制作においては、ホームページに設置した画像の透明度や要素の色の透過度を指定します。マウスカーソルのホバーによって透明度を変えることによって画像リンクなどをわかりやすくする場合などに用いられます。 要素のアルファ値の指定 ホームページ制作における要素のアルファ値の指定は
アルファ/アルファ効果 Web制作|ホームページ制作用語 Recently updated !
インターレース (interlace)は、画像の伝送においてデータ量を増やさずに描画回数を増やす技術で、ファイル情報を端から順ではなく、飛び飛びに転送する転送・描画技術です。ホームページ制作でも設置画像を作成する時によく使用します。 ホームページ制作におけるインターレース ホームページ制作においてはインターレースGIF、インターレースPNG、プログレッシブJ
インターレース Web制作|ホームページ制作用語 Recently updated !
サムネイル画像（thumbnail）は、ホームページ（ウェブサイト）において画像を表示する際に、元の画像を縮小して小さく表示する画像です。ホームページ制作において大きい画像が連続して配置されるとウェブページの高さが膨大になる時などに使用します。なおサムネイルとは親指の爪いった意味であるため、サムネイル画像とは親指の爪のような大きさの小さくて簡潔な画像といった
サムネイル画像 Web制作|ホームページ制作用語 Recently updated !
Light Box（ライトボックス）とは、ホームページ制作においてjQueryなどで実装される、サムネイル画像などをクリックするとポップアップのように拡大画像が表示される機能です。 製品の紹介ページなど、必要に応じて画像を拡大して表示させることが求められる場合に適しています。画像ギャラリーなどでも利用されます。 サムネイルとライトボックス Light Box
Light Box Web制作|ホームページ制作用語 Recently updated !
画像ギャラリーは、文字通りウェブページの中でたくさんの画像が設置されたギャラリーページ、またはその機能です。ホームページ制作においても画像を中心としたコンテンツが多い場合に設置し、ギャラリーページには主にサムネイル画像が配置されます。ホームページの中での画像集ページです。 WordPress画像ギャラリーページ WordPressテーマの中には画像ギャラリー
画像ギャラリー Web制作|ホームページ制作用語 Recently updated !
スライドショー（スライダー）は、ホームページ制作においてウェブサイトのトップページなどに設置される、複数枚の画像をスライドさせて表示する仕組みです。表示領域としては一枚の画像スペースで、複数枚の画像を表示できるため、ウェブページの表現力が高まります。ホームページ制作においてはサイトトップページなどに組み込まれることが多いでしょう。 複数の画像を設置することに
スライドショー（スライダー）Web制作|ホームページ制作用語 Recently updated !
アイキャッチ画像（ヘッダ画像）は、ホームページ制作においてウェブページのコンテンツ部分の最上部などに設置される、そのページのイメージを伝えるための「目を引く画像」です。イメージ画像やキャッチフレーズなどのテキストを埋め込んだ画像がよく利用されます。 WordPressにおいては、ページ表示用のアイキャッチ画像設定機能のほか、ソーシャル用アイキャッチのカスタマ
アイキャッチ画像（ヘッダ画像）Web制作|ホームページ制作用語 Recently updated !
alt属性（オルト属性）は、ホームページ制作においてimgタグでウェブページに設置する画像に対して、その画像が表示できない時に示す代替テキストを指定します。画像タグの必須属性であり、画像SEOのためにも最適に指定すべき属性です。 ページの読み上げにおいては代替テキストで指定された文字列が読み上げの対象となります。 alt属性は必須指定項目 alt属性の指定は
alt属性 Web制作|ホームページ制作用語 Recently updated !
px（ピクセル、pixel）は、ホームページ制作においてもよく使用される単位で、コンピュータやウェブページにおいて画像や描画領域を扱う際の、色情報を持つ最小単位、最小要素で画素と呼ばれます。 ホームページ制作（ウェブサイト制作）においては、要素や画像の幅などを指定する際の単位としてこのpxを用います。 Web制作での要素の指定単位 色調や階調を示せる最小要素
px（ピクセル）Web制作|ホームページ制作用語 Recently updated !
スクリーンショットは、コンピュータのモニタなどに表示されたものをそのまま切り取って保存した画像です。ほとんどのパソコンに標準でインストールされています。 切り取り範囲は全体、または選択した一部分で、jpeg、pngなど様々なファイル形式で保存することができます。スクリーンキャプチャ、キャプチャとも呼ばれます。 サイトの修正箇所の赤入れに スクリーンショットは
スクリーンショット Web制作|ホームページ制作用語 Recently updated !
アンチエイリアスは、画像の斜線や曲線、画像を変換する時などに発生する歪み（エイリアス）を減らすための処理で、アンチエイリアスを施すことによりジャギー（ギザギザ）が減り、境界線がなめらかになります。アンチエイリアシング（anti-aliasing）とも呼ばれます。ホームページ制作においては、設置画像を加工する際に行います。スムージングと呼ばれることもあります。
アンチエイリアス Web制作|ホームページ制作用語 Recently updated !
ジャギーは、ウェブページにおけるビットマップイメージなどの輪郭に表れるデジタル特有の段々になったギザギザで、低解像度の画像が要素の幅などに合わせて引き伸ばされた時に表れます。 ジャギーに対する処理 ホームページ制作において設置画像のジャギーに対する処理はアンチエイリアスなどで行います。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作の1ポイ
ジャギー Web制作|ホームページ制作用語 Recently updated !
ディザ（dither）は、GIF形式の画像ファイルにおいて、少ない色数で、それらの色を組み合わせて中間色を表現し、より多くの階調を表現する技術です。大半の画像作成ソフトウェアでは、GIFファイル出力時にディザのありなしを選択することができます。 ディザリング 画像処理において画像の色数を削減したり、少ない色数で画像を作成するにディザリング手法が用いられます。
ディザ Web制作|ホームページ制作用語 Recently updated !
Illustrator（イラストレーター）は、Adobe Systems社が開発したへジェ線などによる描画アプリケーションソフトです。 ホームページ（ウェブサイト）の制作においては、画像パーツの制作をIllustratorで行うことが多く見受けられますが、Photoshopと同様に、ウェブページに挿入する画像は、大きな印刷物などのようには高解像度が必要ではな
Illustrator Web制作|ホームページ制作用語 Recently updated !
Photoshop（フォトショップ）は、Adobe Systems社が開発した画像編集アプリケーションソフトです。 Illustratorと同様にホームページ（ウェブサイト）の制作においては、Illustrator画像の加工をPhotoshopで行うことが多く見受けられますが、ウェブページに挿入する画像は、大きな印刷物などのようには高解像度が必要ではないため
Photoshop Web制作|ホームページ制作用語 Recently updated !
キャプション（caption）は、ホームページ（ウェブサイト）においては、ウェブページに挿入された画像（写真や図）、表についての付属的説明文です。表のキャプションにはcaptionタグを使用します。概ね画像の下などに小さな文字として掲示されます。 キャプションを示すことで画像の意味を伝える（SEO） 画像に関するキーワードのヒントは前後の文脈を構成する単語で
キャプション Web制作|ホームページ制作用語 Recently updated !
PSD（Photoshop Document）は、Adobe Systems社のAdobe Photoshopで利用される画像ファイル形式で、Photoshopの標準ファイル形式です。解像度において、高さと幅それぞれ最大30000pxに対応しています。ホームページ制作においてはPSD形式ファイルをそのまま用いることはありません。 PSDファイルの互換性 PS
PSD Web制作|ホームページ制作用語 Recently updated !
EPS（Encapsulated PostScript）は、Adobe System社が開発したPostScriptで記述された画像ファイル形式です。ベクターファイル形式（線・色・曲線といった描画の表現をすべて数値で管理する形式）で一般的には高品質画像の印刷に用いられます。ホームページ制作においてはそのままEPS形式ファイルを用いることはありません。 EPS
EPS Web制作|ホームページ制作用語 Recently updated !
CMYKは、色の表現方式の一つで、シアン（Cyan 水色）、マゼンタ（Magenta 赤紫）、イエロー（Yellow 黄色）、ブラック（Key Plate 黒）といった三つの色料原色と黒を使用して表現する色の表現法の一種（減法混色）で、白に対してCMYKをかぶせることによって色を表現します。ホームページ制作においてはPCモニタなどがRGB表現であるためCMY
CMYK Web制作|ホームページ制作用語 Recently updated !
RGBは、赤 (Red)、緑 (Green)、青 (Blue) の三つの原色を使用して表現する色の表現法の一種（加法混合）で、黒に対してRGBの光をあてることによって色を表現します。ホームページ制作におけるCSSによる指定では、HEX値でのカラーの指定が一般的ですが、RGB値でのカラーの指定も可能です。特にアルファ値を指定する場合はRGBでの指定がなされます
RGB Web制作|ホームページ制作用語 Recently updated !
ビットマップイメージ（bitmap image）/ビットマップグラフィックは、コンピュータ上のグラフィック表現におけるピクセル（画素）を用いた画像の表現形式のことを指します。ホームページ制作で使用するホームページ設置画像は広い意味でのビットマップイメージです。狭義にはWindowsの標準的な無圧縮画像保存形式「BMP」を意味します。 ビットマップイメージの種
ビットマップイメージ/BMP Web制作|ホームページ制作用語 Recently updated !
TIFF（Tagged Image File Format）は、画像データのファイル形式のひとつです。タグと呼ばれる識別子を使用して様々な形式のビットマップ画像を表現します。ホームページ制作（ウェブサイト制作）ではほとんど使用されません。 TIFFの記録形式 TIFFは、記録形式の異なる様々なファイルを保存できることが特徴です。TIFFは、非圧縮、LZW圧縮
TIFF Web制作|ホームページ制作用語 Recently updated !
PNG（Portable Network Graphics、ポータブル・ネットワーク・グラフィックス）は、ホームページ制作（ウェブサイト制作）でもよく使用されるビットマップ画像を扱う画像ファイルフォーマットで、圧縮による画質の劣化のない可逆圧縮が可能です。拡張子は、.png。ファイルサイズはやや大きめですが背景の透過が可能です。 PNG透過情報とファイルサイ
PNG Web制作|ホームページ制作用語 Recently updated !
JPEG（Joint Photographic Experts Group、ジェイペグ）は、ホームページ制作（ウェブサイト制作）でもよく使用される画像圧縮方式のひとつで、一般的に非可逆圧縮の画像フォーマットです。通常の写真に適した形式ですが、背景の透過はできません。 JPEGの特徴 JPEGは、GIFなどに比べて、写真などの圧縮に適しています。拡張子は.jp
JPEG Web制作|ホームページ制作用語 Recently updated !
GIFアニメーションは画像ファイルであるGIFを利用したアニメーションで、一つのGIFファイルの中に複数の画像（GIF）を組み込んで連結させ、これらを連続して描画することでアニメーションを可能にしています。各画像への切り替えまで時間、アニメーションループなども設定することができます。 ホームページ制作においてGIFアニメーションを利用することで、軽量で動きの
GIFアニメーション Web制作|ホームページ制作用語 Recently updated !
GIF(Graphics Interchange Format)は、ホームページ制作（ウェブサイト制作）で使用する画像ファイルで、画像データ圧縮ファイル形式です。拡張子は「.gif」。ファイルサイズが小さめで、背景の透過が可能です。GIFアニメーションを作成できる他、ディザのありなしを設定することができます。 GIFの特徴 GIFは透過情報や256色までの画
GIF Web制作|ホームページ制作用語 Recently updated !
画像リンクは、ホームページ制作で使用するアンカー（リンク）において、テキストアンカーがテキスト形式のリンクであるのに対して、アンカータグに囲まれた部分が画像である場合のリンクを指します。SEOを考える腕はこの画像リンクも最適化する必要があります。 画像をクリックすることでリンク先に移動するという機能となりますが、PC表示においては、マウスを当てると透過度が変
画像リンク Web制作|ホームページ制作用語 Recently updated !
クリッカブルマップは、言葉の通り「クリックすることのできる」「マップ」です。ホームページ制作・Web制作においては情報サイトなどで視覚的にページリンクを設置する時に使用されます。 ひとつの画像に複数のリンクを設置することができ、例えば都道府県の地図の画像の上で、該当都道府県の場所をクリックすると、その場所のコンテンツが示されたページヘとリンクで渡ることができ
クリッカブルマップ Web制作|ホームページ制作用語 Recently updated !
<img src=”” alt=”” /> ホームページ制作（ウェブサイト制作）の際に使用する<img>タグについてのご説明です。 ホームページを制作する時<img>（イメージ）タグを使用することで、「埋込みイメージ」としてホームページ（ウェブサイト）内のページに画像を設置す
htmlタグ｜img イメージ,画像 [ホームページ制作の基本タグ] Recently updated !
ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、ホームページ修正のご依頼を承っております。 ホームページ修正のうち画像設置・差し替えについてのご案内です。 2200円（税別 2000円）～ 画像のサイズ変更やファイル形式変換、トリミング等の費用を含みます。 なお、画像にリンクを設置することも可能です。 なお既存設置画像との差し替えも同一
ホームページ修正 画像設置・差し替え Recently updated !
