お手軽一言掲示板（この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。） （RSSフィード）

新規投稿 管理画面

てがろぐ - Fumy Otegaru Memo Logger -

2026年8月4日(火) 23:02:43〔33時間前〕 更新

■No.3495 （ 1 件 ）

■フリースペース： 編集

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》

■日付検索：

■全文検索：

or 管理画面へ

情報 〔1100文字〕 編集

2023/02/23 (Thu) 22:15:43 No.3495 by NO IMAGE にしし 〔3年以上前〕

てがろぐでは、投稿内に含まれる1つ目の画像をOGPの og:image に出力する機能がありまして、デフォルトで有効になっています。
この機能では、投稿内にある1つ目の画像を問答無用で採用するので、1つ目の画像が「Twitter側がCardに求める様式」に該当していない場合は、Twitter Cardには画像が表示されないことになります。#🌱豆知識

一番よくありそうなケースは、SVGな気がします。Twitter CardはSVG形式の画像をサポートしていないので、SVG画像が1枚目にあるとTwitter Cardに画像は出ません。WebPは使えます。
JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. SVG is not supported.
https://developer.twitter.com/en/docs/twitter-for-webs...
あと、Twitter側が指定している条件は下記の通りです。

▼summary(小画像の場合)：Twitterのドキュメント
Images for this Card support an aspect ratio of 1:1 with minimum dimensions of 144x144 or maximum of 4096x4096 pixels. Images must be less than 5MB in size. The image will be cropped to a square on all platforms.
➡ 縦横比 1:1、最小サイズ 144x144、最大サイズ 4096x4096 ピクセル。画像サイズは 5MB まで。画像は正方形にトリミングされる。
▼summary_large_image(大画像の場合)：Twitterのドキュメント
Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300x157 or maximum of 4096x4096 pixels. Images must be less than 5MB in size.
➡ 縦横比 2:1、最小サイズ 300x157、最大サイズ 4096x4096 ピクセル。画像サイズは 5MB まで。

« No.3494 / No.3496 »

初期表示に戻る

■日付一覧：

■ハッシュタグ：

■カテゴリ：

■カレンダー：

2023年2月
日月火水木金土
1234
567891011
12131415161718
19202122232425
262728
« 前の月 / 次の月 »

■最近の投稿：

■新着画像リスト：

全文検索の検索対象設定特定のカテゴリに属する投稿の抽出Ⓑ特定のカテゴリに属する投稿の抽出Ⓐ最初のbrタグを増やす正規表現

全339個 （総容量 37.18MB）

■複合全文検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：
SunMonTueWedThuFriSat
Aug 6 4 0 1 1 1 2
6 3 0 1 0 0 3
3 8 1 1 3 1 1
0 2 1 1 3 0 2
3 3 2 0 4 1 2
Sep 0 1 3 3 1 0 3
0 1 1 0 3 1 0
3 6 14 1 0 0 0
8 2 3 1 0 0 2
Oct 6 1 0 0 1 0 3
0 0 1 0 2 0 1
0 0 0 3 5 0 0
0 0 0 0 2 1 0
Nov 0 1 0 1 0 5 0
1 4 1 0 0 0 0
2 0 1 2 2 0 0
0 0 0 0 2 1 1
1 0 5 3 7 0 2
Dec 4 2 0 2 1 0 0
1 2 1 0 0 0 0
0 0 1 0 3 2 4
1 7 4 1 3 11 2
Jan 3 2 2 9 2 1 11
3 3 3 5 6 3 3
13 6 2 1 1 3 8
4 4 5 1 3 1 5
Feb 5 4 2 2 2 3 0
0 5 2 2 0 0 0
1 0 1 0 2 1 3
0 4 4 3 3 0 3
Mar 4 0 5 1 0 1 1
0 0 1 3 1 1 2
1 1 1 4 0 1 2
1 1 1 0 1 2 0
3 1 3 4 0 2 3
Apr 1 1 0 1 0 4 5
7 3 2 1 2 1 1
2 0 0 1 0 2 2
2 1 3 1 2 0 9
May 4 7 0 0 1 2 1
2 2 2 3 2 0 1
1 0 0 4 1 0 2
2 4 2 0 2 1 2
1 0 0 0 0 0 0
Jun 1 4 3 4 1 1 2
0 1 1 3 0 2 0
1 1 1 1 2 0 3
0 3 4 3 0 1 0
Jul 1 1 3 2 4 1 4
2 5 4 0 3 2 2
4 2 2 2 3 1 2
4 2 1 2 3 1 3
Aug 1 0 1 0 0

ランダムに1件を見る / ギャラリーモードで表示 / 画像一覧モードで表示 / サイトマップモードで表示 / 時系列順で表示する

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「ジャーナル(日誌)スキン」です。他に、 標準スキン、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル版スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキン、 チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》