SVGでOGP用のPNG画像を生成してみる(折り返し文字、画像埋め込み、PNG化) - くらげになりたい。
SVGでOGP画像を作りたいなと思い、いろいろ調べたときの備忘録。 SVGはまるのも多いけど、いろいろできるので、 SVGからOGP画像をつくるのいいかもしれない。 とりあえず、SVGを書いてみる ちょろっとなるなら、HTMLでベタ書きしてみるのもいい。 動作確認とか楽ちん。 <html> <body> <svg viewbox="0 0 1200 630" width="1200" height="630" style="background-color: lightgray;"> <rect x="550" y="265" width="100" height="100" fill="blue" /> <circle cx="550" cy="265" r="30" fill="none" stroke="red" stroke-width="5" /> </svg> </body>
SuperTinyIcons - 1KB以下の軽量アイコン集
アイコン集はいくら知っていてもいいものです。多彩なパターンに対応したものもあれば、特定の用途に使えるものもあります。様々なものを知っていれば、役立つ機会が多いにあります。 今回紹介するSuperTinyIconsは1KB以下という小さなサイズが特徴なアイコン集となっています。 SuperTinyIconsの使い方 ソーシャルメディアとメディア。 Google。 コミュニケーション。 Webサイト。 Webサイトとインターネット。 ブラウザとポッドキャスト。 ロゴ。 セキュリティ。 決済。 プログラミング。 その他。 SuperTinyIconsの各アイコンにはサイズも書かれています。その殆どが3桁バイトであるのが分かります。SVGと合わせてPNGも提供されています。汎用的なデザインなので、利用できる場面は多そうです。 SuperTinyIconsは edent/SuperTinyIcons
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
