DarnlyFree image tools for vibecoders
For the image jobs that come up while you build: making a favicon or app icon from one picture, shrinking and converting files so pages load fast, resizing one image for every social platform, and making App Store screenshots. You can also pull every image off a website, add a watermark, turn a screen recording into a GIF, read the text in a screenshot, clean up an SVG or turn it into JSX, and make blur placeholders. Apart from the asset extractor, which reads a live website, they work on your file right in your browser.
- Favicon generatorEvery favicon size from one image, plus the HTML to paste.
- Image compressorShrink images to WebP, JPG or PNG and see the size before and after.
- Image converterWebP, AVIF, SVG, PNG or JPG to PNG, JPG or WebP, with resize. Nothing is uploaded.
- Social image resizerOne picture, every size: X header, LinkedIn banner, Instagram, YouTube thumbnail. Drag to crop.
- Asset extractorEvery image, SVG and icon on a website, with sizes. Download one or all as a ZIP.
- App icon generatorEvery iOS, Android and Expo app icon from one image, in one ZIP.
- Screenshot beautifierFrame a screenshot in a browser or phone on a nice background, sized for X, LinkedIn or a story.
- App Store screenshot makerYour app screenshots in a device frame with a headline, at every App Store and Google Play size.
- Aspect ratio calculatorGet the missing side for 16:9, 4:3 or 9:16, see it in a YouTube player, phone or Instagram post, and copy the CSS.
- Image watermarkAdd your name or logo to one picture or a whole batch: corners or tiled, any opacity, color and angle. Download as a ZIP.
- Video to GIFTurn a screen recording into a GIF for your README or bug report. Trim it and see the size live.
- Image to textCopy the text out of a screenshot, with every line boxed on the picture. Or copy an error as a prompt for your AI agent.
- Blur placeholder generatorA tiny blurred placeholder for any image: Next.js blurDataURL, CSS, BlurHash or ThumbHash. Watch the fade-in.
- Before and after image makerDrop two screenshots and get a side-by-side picture or an animated swipe GIF or video for your “I fixed it” post.
- NewSVG optimizer and SVG to JSXShrink an SVG and copy it as SVG, a React component, a data URI or CSS.
Questions
Are these tools really free?
Yes. Every tool on darnly.dev is free, with no sign-in and nothing to install. They are made by Darnly, a free Chrome extension and Mac app that turns a bug you see on screen into context your AI coding agent can fix.
Are my images uploaded anywhere?
No, for the tools that take your own file. Compressing, converting, resizing, watermarking and the rest happen in your browser, so your pictures stay on your computer. The asset extractor is different: it fetches the website you give it to list its images.
Which image format should my site use?
WebP is a safe default for photos and screenshots: it is much smaller than PNG or JPG and works in every current browser. Keep SVG for logos and icons. The image compressor shows the size before and after, so you can compare.