How We Capture and Share 1080x1350 AI Cards
Screenshot quality makes or breaks virality. Here is our capture pipeline so creators can grab crispy cards without leaving the browser.
1. Browser capture first
We rely on the in-app capture button wired to `html2canvas`. It snaps the `.result-card` div at full resolution, then triggers a download. This keeps screenshots consistent across devices.
2. Provide raw assets
Each lab exposes a QR download, transparent PNG, and ShareCopy snippet. Creators can import these into CapCut or Canva to layer stickers without losing quality.
3. Compress smartly
We route images through `canvas.toDataURL('image/png')` and let users compress via TinyPNG or Squoosh if they need sub-1MB files for Discord.
4. Guide creators on posting
Our blog and ShareCopy modules include instructions like "Swipe left for the card" or "Use Carousel mode" so screenshots retain 4:5 ratio on Instagram. We also remind creators to keep captions short so the card stays the hero.
Further reading