Responsive web set
Input
hero.png, Web responsive preset, WebP 82%
Output
hero-320w.webp, hero-640w.webp, hero-960w.webp, hero-1280w.webp
Responsive Image Exporter
Pick one source image and export practical web sizes for cards, OGP, SNS, and responsive layouts.
Image tools
What it helps with
- Create responsive web image assets from one source file
- Prepare card, OGP, and SNS sizes for a page or article
- Generate srcset and picture snippets for developer handoff
How to use
- Choose a source image from your device.
- Pick a preset, output mode, format, quality, and file name prefix.
- Export the images, then download files and copy the generated snippets.
Examples
OGP card
Input
cover.jpg, OGP preset, crop to exact box
Output
cover-1200x630.jpg
Good to know
- ZIP export is not included in the first version.
- Very large images can take a few seconds and use noticeable memory.
- Canvas export may remove EXIF and other metadata.
- It is not designed for official ID or application-photo compliance.
- Use Image Compressor & WebP Converter when reducing file size is the main goal.
FAQ
- Does KoguNavi keep selected images?
- No. KoguNavi does not have a feature to keep selected images. Download the exported files you need.
- What is the difference between fit and crop?
- Fit keeps the full image inside the exact box with background space. Crop fills the exact box and may cut off the edges.
- Does this preserve EXIF metadata?
- Do not rely on metadata being preserved. Canvas export can remove EXIF and other metadata.
- Should I use this for compression?
- Use Image Compressor & WebP Converter if your main goal is making one or more images smaller. This exporter focuses on size sets and handoff snippets.
Related tools
Nearby utilities from the KoguNavi toolbox.