HOME
ご利用ガイド
Grupoトップ
HOME
>
つぶやき
>
4K時代のホームページ作成術
4K時代のホームページ作成術
2018年07月19日
最近ではテレビ中心に4K対応を謳う商品が増えてきておりますがこの波は今後、パソコンにも広がっていくことが予想されます。
そこで今回は4K時代に備えたホームページ作成術をご紹介します。
ホームページが表示される仕組み
まずホームページはテレビのように映像として内容が送られてくる仕組みではなく相手から送られてきた設計図(HTML)をお使いのPCが人間に見やすい形に変換し表示しています。
よって4K対応のPCであれば4Kサイズに合わせた形で変換しますので通常、ホームページ制作側が特に意識する必要はありません。
注意点
ただここで忘れてはいけないのがホームページ上の画像の存在です。
4Kモニターとは同じ面積に対して4倍のマス目(ドット)を表示できるものですので画像を通常のモニターと同様に表示したいという場合には縦横それぞれを2倍のサイズにする必要があります。
サイズが小さい場合、通常のモニターと同じに表示されるだけでしょ?と思う方もいらっしゃるかもしれませんがそれは誤りです。実際、4Kモニターで通常モニターと同じ画像を同じサイズで表示した場合、画質は明らかに劣化します。
これについては4K対応PCの仕組みによるもので情報量が4倍ある4Kモニターに通常のモニターとまったく同じ内容を表示した場合、
同じ面積に対し4倍のマス目がある=マス目の大きさが1/4である
ということになりますので文字や画像が非常に小さく見にくくなります。
そのため、4K対応PCではあらかじめPC側で拡大した状態で表示しています。その際に元々サイズの小さい画像を無理やり拡大することになるため、画質が落ちる現象が生じます。
解決法
この問題は表示サイズに対し4倍の大きさの画像を埋め込んでおくことで解決できます。
Grupo では基本的に4Kモニターにも対応した形でホームページが制作できるようになっているため特に意識する必要はありませんが表示するサイズが小さいからと言ってサイズの小さい画像を使っている方は注意が必要です。
もしサイズが大きすぎる場合には Grupo 側に自動的に適切なサイズに圧縮が行われますのでなるべく大きいサイズの画像を使用することをおすすめいたします。
まとめ
現状では4Kディスプレイを搭載したPCは全体の数%とあまり高くはありますが今後、増えていくことが予想されます。ホームページは様々な環境の方が閲覧されるものですので今のうちに対応しておいたほうがよいかもしれません。
#4Kディスプレイ
|
つぶやき
前の記事
写真に名前(alt属性)をつける意味について
2018年07月07日
次の記事
google-proxyの正体とは?
2018年08月27日
関連記事
画像認証にある「道路標識」の選択が難しすぎる
(06月27日)
NO IMAGE
4K時代のホームページ作成術
(07月19日)
google-proxyの正体とは?
(08月27日)
長時間停電に備えるには?
(09月13日)
コメント
name..
:記憶
画像認証(表示されている文字列を入力してください):
最新記事
ふたご座流星群の到来
メルカリは実は発送後でもキャンセルができるという罠
ポケふた探しの旅@上富良野
コスモワイド21 WT50519とWT5051の違いは?
JOBSON(ジョブソン) ノートパソコン スタンドをレビューしてみる
解決済※アマゾンの返品拒否に恐怖した話
TP-LINK AX50 無線ルータの初期化方法
東芝 ブルーレイレコーダー DBR-W1009のHDDを交換してみる
カテゴリー
つぶやき (37)
新機能 (6)
技術的な話 (5)
活用法 (7)
SEO (2)
日常 (11)
レビュー (2)
その他 (6)
アーカイブ
2023年12月 (1)
2023年04月 (1)
2021年10月 (1)
2021年04月 (1)
2021年02月 (2)
2021年01月 (2)
2020年12月 (1)
2020年07月 (1)
2019年11月 (1)
2019年09月 (1)
2019年08月 (3)
2019年07月 (3)
2019年06月 (1)
2019年02月 (1)
2019年01月 (1)
2018年11月 (1)
2018年10月 (4)
2018年09月 (1)
2018年08月 (1)
2018年07月 (2)
2018年06月 (3)
2018年02月 (2)
2018年01月 (3)
2017年12月 (1)
2017年11月 (1)
2017年08月 (3)
2017年07月 (3)
2017年06月 (2)
2017年04月 (2)
2017年03月 (1)
2017年02月 (1)
2017年01月 (1)
2016年10月 (1)
2016年04月 (1)
2016年03月 (1)
2015年12月 (1)
2015年11月 (3)
2015年10月 (2)
2015年09月 (2)
2015年08月 (2)
2015年07月 (1)
2015年06月 (4)
2015年05月 (1)
2015年04月 (2)
2015年03月 (1)
2014年09月 (2)
記事検索
▲
Copyright (C) Locanavi Inc. All rights reserved