Nutter Tools
Nutter Tools

A free toolbox that runs in your browser. A tool for every job.

Your files never leave your device

Images

  • Convert images
  • Compress images
  • Resize images
  • Crop
  • Watermark

PDF & files

  • Merge PDFs
  • Split a PDF
  • Images to PDF
  • PDF to images
  • Remove photo location

Video & audio

  • Compress video
  • Convert video
  • Video to GIF
  • Convert audio
  • Trim audio

Everyday

  • QR codes
  • Passwords
  • Time zones
  • Unit converter
  • Word count
  • Webcam test

Developer

  • JSON formatter
  • Base64
  • Regex tester
  • Hashes
  • JWT decoder

Site

  • About
  • Contact
  • Settings
  • Privacy
  • Terms
  • Site map
  • llms.txt

Everyday

  • Images
  • Video
  • Audio
  • PDF & files
  • Text
  • QR codes
  • Units & math
  • Time & dates
  • Color
  • Passwords & IDs
  • Device tests
  • Sun & moon

For developers

  • JSON
  • Encoding
  • Regex & cron
  • Web & auth
  • Hashing & encryption
  • Config files
  • Network
  • Browser
  • AI
  • Fake data
© Nutter Toolsnutter.tools
  1. Home
  2. Web & auth
  3. Responsive image srcset builder
Your files stay on your device

Responsive image srcset builder

List your image widths and layout sizes, get srcset, sizes, and picture markup back, and preview which file each viewport and pixel density would download.

This tool is in beta

Still being tested. If a result looks wrong, tell us.

Report a problem

List your image widths to build the markup.

The download table simulates the standard browser choice: the smallest file whose width covers the layout slot times the pixel density, or the largest file when none is wide enough. Real browsers can deviate on slow connections and when a candidate is already in cache, and only min-width and max-width conditions with px, vw, em, and rem lengths are simulated; calc(), container queries, and sizes="auto" are refused rather than guessed. em and rem slots assume a 16 px root font size. The tool generates references to files like photo-800.webp; you still have to create those files at those widths.

Image layout

Space or comma separated, up to 24 entries
min/max-width conditions with px, vw, em, or rem lengths
Writes alt="" and ignores the alt field
More settings▾
Loading
Output format

Widths are CSS pixels between 1 and 20,000. This tool writes markup only; it does not resize or encode images.

More web & auth tools

  • Resize images
  • Compress images
  • Format support
All web & auth tools

Was this tool useful?