画質が粗くならないロゴをアップする方法
- 発行日 2024-02-01
- 発行部数 45576 部
こんにちは。中田です。
いつもありがとうございます。
-----------------------------------------
・営業力のある販売サイトを作る。
https://tcd-theme.com/tcd105
-----------------------------------------
■ロゴの画質を粗くさせない為の対策
ロゴは企業やサービスの印象を形にしたもの。
だから、ロゴは美しいものである必要がある。
サイトのファーストビューに
ロゴは表示されます。
ファーストビューでボヤけた画像が入っていると
当然印象はよくありません。
ロゴを美しく表示させるには、
・2倍サイズ(レティーナディスプレイ対策)
・透過PNG
で作る必要があります。
これで問題はありません。
ただ、1つだけ懸念点があります。
2倍のサイズで作るので
表示領域が広いところだと
容量が気になることがあります。
PNGは容量も大きいので。
その場合の対策としては
SVG形式への変換がおすすめです。
SVGの良いところは
PNGより圧倒的に軽量であることと
サイズを拡大しても画質が落ちない点です。
弊社でもSVG形式のロゴを使っています。
https://design-plus.info/
SVGへの変換方法とWordPressでSVGを使う方法は
下記で解説していますのでよろしければご参考ください。
・SVGに変換する方法
https://tcd-theme.com/2023/12/vectorizer-ai.html
・WordPressにSVG画像をアップロード可能にするプラグイン
https://tcd-theme.com/2024/01/svg-support.html
それではまた。
■国内トップクラスの
「費用対効果」「機能性」「デザイン」を兼ね備えた日本語用ブログテンプレート
24時間、売上に貢献する企業サイトを。
https://tcd-theme.com/tcd103
高品質なネットショップが簡単に。
https://tcd-theme.com/tcd104
優秀な人材が集まる場所をつくろう。
https://tcd-theme.com/tcd084
洗練された個人ブログをつくるなら
https://tcd-theme.com/tcd085
柔軟に多ジャンルのブログに対応できるWordPressテーマ
https://tcd-theme.com/biz002
■おすすめ記事(定期更新)
・WordPressとは?
https://tcd-theme.com/2023/12/about-wordpress.html
・WordPressテーマの変更方法
https://tcd-theme.com/2023/12/how-to-change-wordpress-theme.html
・TCDが取り入れている「時代性」について
https://tcd.gallery/3747/
・TCDテーマを使ったクールなWEBサイト30選
https://tcd-theme.com/2018/11/tcdmuseum-201810.html
・WP開発者向けおすすめ記事一覧
https://tcd-theme.com/category/wordpress/wordpress-develop
【メルマガプライバシーポリシー】
登録された個人情報(メールアドレス)を正しく保管し、
漏えいすることのないよう、保護に努めることを宣言します。
アドレスには、当メルマガの配信以外には使用致しません。
【120,000部のメルマガに広告を掲載できます】
https://design-plus.info/advertise/
【株式会社デザインプラスとは?】
https://design-plus.info/
【運営サイト】
・WordPressテーマTCD https://tcd-theme.com/
・TCD GALLERY https://tcd.gallery/
・TCD MUSEUM https://tcdmuseum.com/
・TCD LABO https://tcd-manual.net/
・フォトマルシェ https://photomarche.net/
・ロゴマルシェ https://logo-marche.net/
・ボタンマルシェ https://button-marche.net/
【TCDのアップデート情報】
https://tcd-theme.com/update
【お問い合わせ・ご質問はこちら】
当社へのお問い合せ https://design-plus.info/contact/
TCDテーマに関するお問い合せ https://tcd-theme.com/contact
求人採用について https://design-plus.biz/
【メールマガジン バックナンバー】
https://mip.y-ml.com/_bcn?id=1001
最後までお読み頂きありがとうございました。
---------------------------------------------------------
発行者: 株式会社デザインプラス
担当者: 中田俊行
所在地: 〒542-0066 大阪市中央区瓦屋町1-5-20
連絡先: https://design-plus.info/contact/
Copyright DesignPlus INC All Rights Reserved.
---------------------------------------------------------
いつもありがとうございます。
-----------------------------------------
・営業力のある販売サイトを作る。
https://tcd-theme.com/tcd105
-----------------------------------------
■ロゴの画質を粗くさせない為の対策
ロゴは企業やサービスの印象を形にしたもの。
だから、ロゴは美しいものである必要がある。
サイトのファーストビューに
ロゴは表示されます。
ファーストビューでボヤけた画像が入っていると
当然印象はよくありません。
ロゴを美しく表示させるには、
・2倍サイズ(レティーナディスプレイ対策)
・透過PNG
で作る必要があります。
これで問題はありません。
ただ、1つだけ懸念点があります。
2倍のサイズで作るので
表示領域が広いところだと
容量が気になることがあります。
PNGは容量も大きいので。
その場合の対策としては
SVG形式への変換がおすすめです。
SVGの良いところは
PNGより圧倒的に軽量であることと
サイズを拡大しても画質が落ちない点です。
弊社でもSVG形式のロゴを使っています。
https://design-plus.info/
SVGへの変換方法とWordPressでSVGを使う方法は
下記で解説していますのでよろしければご参考ください。
・SVGに変換する方法
https://tcd-theme.com/2023/12/vectorizer-ai.html
・WordPressにSVG画像をアップロード可能にするプラグイン
https://tcd-theme.com/2024/01/svg-support.html
それではまた。
■国内トップクラスの
「費用対効果」「機能性」「デザイン」を兼ね備えた日本語用ブログテンプレート
24時間、売上に貢献する企業サイトを。
https://tcd-theme.com/tcd103
高品質なネットショップが簡単に。
https://tcd-theme.com/tcd104
優秀な人材が集まる場所をつくろう。
https://tcd-theme.com/tcd084
洗練された個人ブログをつくるなら
https://tcd-theme.com/tcd085
柔軟に多ジャンルのブログに対応できるWordPressテーマ
https://tcd-theme.com/biz002
■おすすめ記事(定期更新)
・WordPressとは?
https://tcd-theme.com/2023/12/about-wordpress.html
・WordPressテーマの変更方法
https://tcd-theme.com/2023/12/how-to-change-wordpress-theme.html
・TCDが取り入れている「時代性」について
https://tcd.gallery/3747/
・TCDテーマを使ったクールなWEBサイト30選
https://tcd-theme.com/2018/11/tcdmuseum-201810.html
・WP開発者向けおすすめ記事一覧
https://tcd-theme.com/category/wordpress/wordpress-develop
【メルマガプライバシーポリシー】
登録された個人情報(メールアドレス)を正しく保管し、
漏えいすることのないよう、保護に努めることを宣言します。
アドレスには、当メルマガの配信以外には使用致しません。
【120,000部のメルマガに広告を掲載できます】
https://design-plus.info/advertise/
【株式会社デザインプラスとは?】
https://design-plus.info/
【運営サイト】
・WordPressテーマTCD https://tcd-theme.com/
・TCD GALLERY https://tcd.gallery/
・TCD MUSEUM https://tcdmuseum.com/
・TCD LABO https://tcd-manual.net/
・フォトマルシェ https://photomarche.net/
・ロゴマルシェ https://logo-marche.net/
・ボタンマルシェ https://button-marche.net/
【TCDのアップデート情報】
https://tcd-theme.com/update
【お問い合わせ・ご質問はこちら】
当社へのお問い合せ https://design-plus.info/contact/
TCDテーマに関するお問い合せ https://tcd-theme.com/contact
求人採用について https://design-plus.biz/
【メールマガジン バックナンバー】
https://mip.y-ml.com/_bcn?id=1001
最後までお読み頂きありがとうございました。
---------------------------------------------------------
発行者: 株式会社デザインプラス
担当者: 中田俊行
所在地: 〒542-0066 大阪市中央区瓦屋町1-5-20
連絡先: https://design-plus.info/contact/
Copyright DesignPlus INC All Rights Reserved.
---------------------------------------------------------