Tagged “images”
-
Generating preview images automatically
Three approaches — build-time, on-demand, and one static image per site. Which to pick depends on how many pages you have.
-
Designing a preview image that works small
Cards render at roughly a third of the size you design them at. Four rules for text, contrast and margins that follow from that.
-
What size should an Open Graph image be
1200 by 630 pixels, under about a megabyte, PNG or JPEG. Why that shape, and what breaks when you use something else.
-
Previews for pages that aren't articles
Homepages, docs, product pages and app screens each need a different approach — and for some of them one site-level card is the right answer.