<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: abdelkhalekkaci</title>
    <description>The latest articles on DEV Community by abdelkhalekkaci (@abdelkhalekkaci).</description>
    <link>https://dev.to/abdelkhalekkaci</link>
    <image>
      <url>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%2F4224616%2F1dacb7ca-eac7-42ae-b302-3997245f9cab.png</url>
      <title>DEV Community: abdelkhalekkaci</title>
      <link>https://dev.to/abdelkhalekkaci</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/abdelkhalekkaci"/>
    <language>en</language>
    <item>
      <title>CompressPhoto — 100% Client-Side Exact-KB Image Compressor &amp; 16-Mode SVG QR Studio</title>
      <dc:creator>abdelkhalekkaci</dc:creator>
      <pubDate>Tue, 03 Nov 2026 15:53:54 +0000</pubDate>
      <link>https://dev.to/abdelkhalekkaci/compressphoto-100-client-side-exact-kb-image-compressor-16-mode-svg-qr-studio-2hal</link>
      <guid>https://dev.to/abdelkhalekkaci/compressphoto-100-client-side-exact-kb-image-compressor-16-mode-svg-qr-studio-2hal</guid>
      <description>&lt;p&gt;Hey DEV community! 👋&lt;/p&gt;

&lt;p&gt;Whenever you apply for a visa, government exam, or upload documents to strict web portals, you hit the same frustrating wall: &lt;strong&gt;"File size must be strictly under 20KB, 50KB, or 100KB"&lt;/strong&gt; — and most online tools either upload your private ID photos to a remote cloud server or only give you a vague &lt;code&gt;"1–100% quality"&lt;/code&gt; slider.&lt;/p&gt;

&lt;p&gt;To fix this, I built &lt;strong&gt;&lt;a href="https://compressphoto.space/" rel="noopener noreferrer"&gt;CompressPhoto (ExactKB)&lt;/a&gt;&lt;/strong&gt; — a 100% client-side, zero-upload web utility suite built with React, TypeScript, and the HTML5 Canvas API.&lt;/p&gt;




&lt;h3&gt;
  
  
  🚀 What's Inside the Suite
&lt;/h3&gt;

&lt;h4&gt;
  
  
  1. Exact-KB Binary Search Image Compressor
&lt;/h4&gt;

&lt;p&gt;Instead of guessing quality percentages, &lt;strong&gt;&lt;a href="https://compressphoto.space/" rel="noopener noreferrer"&gt;CompressPhoto&lt;/a&gt;&lt;/strong&gt; runs a binary search loop over &lt;code&gt;HTMLCanvasElement.toBlob()&lt;/code&gt; directly in your browser's RAM to hit your exact byte target in under 150ms.&lt;/p&gt;

&lt;p&gt;We also built dedicated one-click presets for strict portals:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://compressphoto.space/compress-image-to-20kb" rel="noopener noreferrer"&gt;Compress Image to 20KB&lt;/a&gt;&lt;/strong&gt; &amp;amp; &lt;strong&gt;&lt;a href="https://compressphoto.space/compress-image-to-50kb" rel="noopener noreferrer"&gt;Compress Image to 50KB&lt;/a&gt;&lt;/strong&gt; (ideal for &lt;strong&gt;&lt;a href="https://compressphoto.space/ssc-upsc-photo-signature-compressor" rel="noopener noreferrer"&gt;SSC &amp;amp; UPSC Photo &amp;amp; Signature Uploads&lt;/a&gt;&lt;/strong&gt;)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://compressphoto.space/compress-image-to-100kb" rel="noopener noreferrer"&gt;Compress Image to 100KB&lt;/a&gt;&lt;/strong&gt; &amp;amp; &lt;strong&gt;&lt;a href="https://compressphoto.space/compress-image-to-200kb" rel="noopener noreferrer"&gt;Compress Image to 200KB&lt;/a&gt;&lt;/strong&gt; (tailored for &lt;strong&gt;&lt;a href="https://compressphoto.space/ds-160-photo-compressor" rel="noopener noreferrer"&gt;US DS-160 Visa Photos&lt;/a&gt;&lt;/strong&gt; and &lt;strong&gt;&lt;a href="https://compressphoto.space/uscis-photo-compressor" rel="noopener noreferrer"&gt;USCIS Immigration Forms&lt;/a&gt;&lt;/strong&gt;)&lt;/li&gt;
&lt;/ul&gt;




&lt;h4&gt;
  
  
  2. 16-Mode Vector SVG QR Code &amp;amp; Barcode Studio
&lt;/h4&gt;

&lt;p&gt;Most "free" QR generators put vector SVG downloads behind a paywall or inject redirect links that expire after 14 days.&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;&lt;a href="https://compressphoto.space/qr" rel="noopener noreferrer"&gt;CompressPhoto QR Code &amp;amp; Barcode Studio&lt;/a&gt;&lt;/strong&gt; generates static, never-expiring codes locally in the browser:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;16 Payload Modes:&lt;/strong&gt; URL, Text, Wi-Fi, vCard 3.0 Contact, Email, SMS, Phone, WhatsApp, Calendar Event, GPS Location, Crypto (BTC/ETH/SOL), PayPal, Zoom, Social Profile, App Store, and 1D Barcodes (CODE128, EAN-13, UPC).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Full Customizer:&lt;/strong&gt; Custom dot shapes (rounded, dots, diamond, classy), SVG linear/radial gradients, custom corner finder eyes, scan-me CTA banners, center logo overlays, and batch ZIP export.&lt;/li&gt;
&lt;/ul&gt;




&lt;h4&gt;
  
  
  3. Biometric Passport Photo Maker &amp;amp; Client-Side PDF Toolkit
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://compressphoto.space/passport" rel="noopener noreferrer"&gt;Passport &amp;amp; Visa Photo Maker&lt;/a&gt;:&lt;/strong&gt; Format official 2x2 inch (US), 35x45mm (UK/EU), and international biometric photos with printable 4x6 sheets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;a href="https://compressphoto.space/pdf" rel="noopener noreferrer"&gt;Client-Side PDF Toolkit&lt;/a&gt;:&lt;/strong&gt; Compress PDFs, merge documents, convert JPG to PDF, and extract PDF pages locally without server uploads.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🔗 Try It Live &amp;amp; Check Out the Code
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live App:&lt;/strong&gt; &lt;a href="https://compressphoto.space/" rel="noopener noreferrer"&gt;https://compressphoto.space/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;QR Studio:&lt;/strong&gt; &lt;a href="https://compressphoto.space/qr" rel="noopener noreferrer"&gt;https://compressphoto.space/qr&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;GitHub Repo:&lt;/strong&gt; &lt;a href="https://github.com/abdelkhalekkaci/exactkb" rel="noopener noreferrer"&gt;https://github.com/abdelkhalekkaci/exactkb&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Feedback and feature requests are super welcome!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>opensource</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
