Eine lange Seite so aufnehmen, wie ein Smartphone sie sieht

Mit width auf 390 stimmen die Media Queries, doch die Seite sieht weiterhin einen Desktop-Browser: kein Touch, ein Desktop-User-Agent und eine Dichte von 1. Websites, die Smartphones anderes Markup oder andere Bilder liefern, zeigen dann ihre Desktop-Version in einem schmalen Fenster.

Das Mobil-Preset nutzen

device: "mobile" setzt einen Viewport von 390 × 844, ein Gerätepixelverhältnis von 3, Touch und einen Smartphone-User-Agent zusammen. Ein ausdrückliches width, height oder device_scale_factor hat weiterhin Vorrang; so behält die Anfrage unten das Smartphone-Layout bei einer Dichte von 2.

curl -sS https://api.ironfang.com/render/v1/screenshot \
  -H "Authorization: Bearer $IRONFANG_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "url": "https://ironfang.com/company",
    "device": "mobile",
    "device_scale_factor": 2,
    "full_page": true,
    "full_page_readiness": "scroll",
    "format": "jpeg",
    "quality": 80
  }' \
  -o company-mobile.jpg

• company-mobile-full.jpg: die ganze Aufnahme, wie die Anfrage oben sie am 13. Oktober 2026 geliefert hat

Die Ausgabe handhabbar halten

Das Bild ist so hoch wie die Seite mal die Dichte. Bei der Preset-Dichte von 3 wird eine Seite mit 19.070 CSS-Pixeln Höhe zu einem Bild mit 57.210 Pixeln Höhe, das viele Bildbetrachter und Upload-Grenzen ablehnen. Für Archive und Reviews reicht meist eine Dichte von 1 oder 2.

WebP kann kein Bild halten, das höher als 16.383 Pixel ist; nutzen Sie für lange Aufnahmen JPEG oder PNG. JPEG hält eine hohe Aufnahme klein, PNG ist verlustfrei.

Seiten ohne natürliches Ende begrenzen

Ein Feed, der immer weiter lädt, hat kein Ende. full_page_max_height schneidet die Aufnahme bei einer Höhe in CSS-Pixeln ab, höchstens und standardmäßig 20.000, und der Header X-Ironfang-Warnings meldet dann height_capped.

{
  "url": "https://example.com/feed",
  "device": "mobile",
  "full_page": true,
  "full_page_max_height": 8000,
  "format": "jpeg"
}

Sticky-Header und fixierte Leisten

Aufgenommen wird von oben, sodass ein Sticky-Header einmal oben erscheint und eine fixierte Leiste dort sitzt, wo sie im ersten Bildschirm war. Blenden Sie beides mit hide_selectors aus und Cookie-Banner mit block_cookie_banners.