Exakte Größen, ein Klick.
Snapsize ist ein Fenster-Resizer für Leute, die Websites bauen, besonders auf großen Monitoren, wo Fensterziehen nie auf der Größe landet, die man braucht.
Exakte Größen — Presets für Phone, Tablet und Desktop bis 4K; umbenennen, umsortieren, hinzufügen oder löschen. Snapsize bemisst den Seitenbereich, also das, was deine CSS-Media-Queries sehen, nicht nur das äußere Fenster. Toolbars und Seitenleisten werden gemessen und herausgerechnet. Phones und Tablets lassen sich ins Querformat drehen.
Breakpoints — Tailwind-, Bootstrap- und MUI-Breakpoints sind eingebaut, eigene kommen dazu. Ein −1px-Schalter springt einen Pixel unter jeden Breakpoint, wo sich max-width-Bugs verstecken. Popup und Toolbar-Badge zeigen die aktuelle Breite und den Breakpoint-Bereich, auch während du das Fenster von Hand ziehst.
Sweep — Alle Breakpoints oder Geräte im Takt durchlaufen, oder stufenlos von schmal nach breit gleiten und zusehen, wo das Layout springt. Auf Wunsch mit einem Screenshot bei jedem Schritt.
Compare — Die aktuelle Seite in bis zu vier exakt bemessenen Fenstern nebeneinander öffnen und nach einer Code-Änderung alle mit einem Klick neu laden.
Screenshots — Ein PNG in der aktuellen Größe, benannt nach Site und Größe (example.com-768x1024.png). Sichtbarer Bereich oder ganze Seite, native Schärfe oder exakte 1x-Pixel.
Was es nicht kann — Snapsize ändert echte Fenster. Touch-Eingabe, Device Pixel Ratio oder einen mobilen User Agent emuliert es nicht; dafür gibt es den Responsive Design Mode von Firefox (Strg+Umschalt+M).
Datenschutz — Snapsize sammelt keine Daten und stellt keine Netzwerkanfragen. Alles bleibt lokal im Browser; mit dem optionalen Sync speichert Firefox die Presets im eigenen Firefox-Konto.
Exact sizes, one click.
Snapsize is a window resizer for people who build websites, especially on big monitors where dragging the window never lands on the size you need.
Exact sizes — Phone, tablet and desktop presets up to 4K. Rename, reorder, add or delete any of them. Snapsize sizes the page area (what your CSS media queries see), not just the outer window. Toolbars and sidebars are measured and corrected for. Rotate phones and tablets to landscape.
Breakpoint aware — Tailwind, Bootstrap and MUI breakpoints built in, plus your own. A −1px toggle jumps to one pixel below each breakpoint, where max-width bugs hide. The popup and the toolbar badge show the live width and which breakpoint range you’re in, even while you drag the window by hand.
Sweep — Step through every breakpoint or device on a timer, or slide smoothly from narrow to wide and watch where the layout jumps. Optionally save a screenshot at every step.
Compare — Open the current page in up to four exactly-sized windows, tiled side by side. Reload them all with one click after a code change.
Screenshots — Save a PNG at the current size, named after the site and size (example.com-768x1024.png). Visible area or full page, native sharpness or exact 1x pixels.
What it can’t do — Snapsize resizes real windows. It does not emulate touch input, device pixel ratio or a mobile user agent. Use Firefox’s Responsive Design Mode (Ctrl+Shift+M) for those.
Privacy — Snapsize collects no data and makes no network requests. Everything is stored locally in your browser. If you turn on the optional sync setting, Firefox stores your presets in your own Firefox account.
