DEV Community: S-Builds The latest articles on DEV Community by S-Builds (@sbuilds_cf4bf70b0a017ebb). https://dev.to/sbuilds_cf4bf70b0a017ebb https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4053803%2F509389bc-845c-431b-b958-52bb998025b1.png DEV Community: S-Builds https://dev.to/sbuilds_cf4bf70b0a017ebb en I built Opticross (opensource responsive img sizes generator ) S-Builds Wed, 29 Jul 2026 19:12:13 +0000 https://dev.to/sbuilds_cf4bf70b0a017ebb/i-built-opticross-opensource-responsive-img-sizes-generator--pf5 https://dev.to/sbuilds_cf4bf70b0a017ebb/i-built-opticross-opensource-responsive-img-sizes-generator--pf5 <p>If your <strong>HTML, React, or Next.js</strong> website serves lots of images and gets decent traffic, optimizing image delivery can significantly improve page speed, user experience, SEO, and even reduce CDN bandwidth costs. <strong>Opticross analyzes how your images are rendered across different screen sizes and generates accurate sizes and srcset recommendations, so browsers download images that are only as large as needed while keeping them crisp on every device.</strong> </p> <p>If you get a chance, please give it a try! If you find it useful, I'd really appreciate a ⭐ on GitHub and a rating on the Chrome Web Store. 🙏 </p> <p>🌐 Chrome Extension: <a href="https://chromewebstore.google.com/detail/eenaegkdfenpbbcjplfabolooofhplhf?utm_source=item-share-cb" rel="noopener noreferrer">https://chromewebstore.google.com/detail/eenaegkdfenpbbcjplfabolooofhplhf?utm_source=item-share-cb</a> <br> 💻 NPM (CLI): <a href="https://www.npmjs.com/package/opticross" rel="noopener noreferrer">https://www.npmjs.com/package/opticross</a> <br> ⭐ GitHub: <a href="https://github.com/SohanShet/opticross" rel="noopener noreferrer">https://github.com/SohanShet/opticross</a> </p> <p>Thanks a ton! ❤️``</p> opensource performance tools webdev