押入れ起業

ガレージベンチャー、ならぬ。サボっていましたが再開します。

OGP画像の劣化具合と、スマホ表示での色変わり

   

先日のImageTTFTextの件からもう3週間も経ってしまったか…。

画像に文字を描画するImageTTFTextという関数を使ったところ、なかなかに綺麗な文字を書けて満足していたのだ。しかしそれはローカルのXAMPP環境だけに限った話だった。エックスサーバーやさくらのレンタルサーバーで同じスクリプトを動かすと全然違った結果になったのだ。同じIPAフォントを使っているにもかかわらず、サーバーによってアンチエイリアスのかかり具合や文字サイズがまちまちで、しかもXAMPPと較べると確実に汚いのだった。

これは俺のスキルでは原因は皆目見当がつかない。しかたがないので、予定の2倍サイズで作成してから半分に縮小することでアンチエイリアス問題を乗り越えた。そしてサーバーに毎回FTPでPHPスクリプトをアップしながらちょっとずつ現物合わせで文字サイズも調整した。多分100回以上繰り返した。

サイトも概ね出来上がったので、先ほどOGPを設定しFacebookやTwitterで作成されるコピー画像をチェックしてみた。するとどうでしょう。あれだけ苦労して画質にこだわったにもかかわらず、OGP越しに作成された画像は、低~中画質レベルに劣化したモヤモヤのJPG画像だった。0.5ピクセル単位で百回以上調整した苦労が台無しだ。

あと、サイトをスマホで表示させて撮ったスクリーンショット画像をチェックしたら色が微妙に変わっていた。RGBそれぞれが1/256から2/256くらいの誤差だが、並べるとはっきりわかる。

デジタルの世の中も不条理だらけだ。

 - 未分類

応援クリックお願いします:

PC

PC

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

no image
18号線のアフィリエイトがすごいことになっている

18号線な感じのアフィリエイトは登録だけして何もせず放置してきたのだが、数年ぶり …

さくらのレンタルサーバー
value domainの独自ドメインをさくらのレンタルサーバへバリュードメインのDNS設定で使う方法

バリュードメインで取得したドメインを、さくらのレンタルサーバのネームサーバーへ変 …

no image
PHPでJSONデータ

久しぶりのPHP、リハビリということでYouTubeのAPIを使って検索でも作っ …

no image
500円で利用できるクラウドソーシング「ココナラ」を見ている

自由に利用できるイラスト素材を探しているのだけれど、これぞというものが全然見つか …

no image
レンタルサーバを契約すると付いてくる無料ドメインは何にでも使える当たりさわりのないものにするのが良いです

このブログで使っているエックスサーバーがそうなのだけど(俺が契約した当時の条件で …

no image
SyntaxHighlighter Evolvedプラグインを導入

ワードプレスにSyntaxHighlighter Evolvedという、PHPの …

no image
目的のウェブページへ直接アクセスせずにhtmlソースを見る方法

フェイスブックのデベロッパー・ツールがこれに使えるのに気づいた https:// …

エントリにアイキャッチ画像を付けないのは味気ないけど作ったり探すのも面倒なので

試しに無関係な画像を適当に添付してみようか

no image
主要ブラウザのHTML5&CSS3対応状況表

Mac及びWindowsの主要ブラウザ(Chrome、FireFox、Safar …

mod_rewriteのリダイレクト設定で転送前後に同じ文字列があると404エラーになる

.htaccess のmod_rewriteを使って/about/をabout. …