質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

0回答

618閲覧

imagepngで作成したpng画像をog:imageに設定すると、クローラーが画像を認識できない

wuzzy

総合スコア152

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

1グッド

0クリップ

投稿2020/03/13 14:10

imagepngメソッドで元画像からテキスト入りの画像を生成してog:imageのタグに設定するというシステムを開発しています。

自分が作成したサイト上では画像を上手く表示することができるのですが、
TwitterやFacebookのクローラーに該当のページをクロールさせると、作成した画像を上手く読み取ることができません。
Facebookのogタグバリデータで検証したところcontent-typeが異なるという理由で表示されていないようです。

$src_image=imagecreatefrompng("../public/img/thumbnail.png"); imagettftext( $src_image, // 挿入先の画像 $font_size, // フォントサイズ $font_angle, // 文字の角度 $x, // 挿入位置 x 座標 $y, // 挿入位置 y 座標 imagecolorallocate($src_image, 0, 0, 0), // 文字の色 $font, // フォントファイル $og_title_text); // 挿入文字列 imagepng($src_image, "../target_file.png");

確かにドキュメントを見るとヘッダーにContent-typeを指定するように書いてあるのですが、画像だけを返却するようなシステムではないのでどうすればいいかわからず困っています。
https://www.php.net/manual/ja/image.examples-png.php

header("Content-type: image/png"); $string = $_GET['text']; $im = imagecreatefrompng("images/button1.png"); $orange = imagecolorallocate($im, 220, 210, 60); $px = (imagesx($im) - 7.5 * strlen($string)) / 2; imagestring($im, 3, $px, 9, $string, $orange); imagepng($im);

恐らくcontent-typeのわからないただのバイナリファイルとして吐き出されていると思うのですが、content-typeを指定する方法などご存知の方いらっしゃいましたらご教示おねがいいたします。

s.k👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問