<?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: genzdoc</title>
    <description>The latest articles on DEV Community by genzdoc (@genzdoc_a2efa0dc17d2ecdd1).</description>
    <link>https://dev.to/genzdoc_a2efa0dc17d2ecdd1</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%2F3813870%2F2b4af716-dc53-4dd8-9b7a-06f57db6f8e4.png</url>
      <title>DEV Community: genzdoc</title>
      <link>https://dev.to/genzdoc_a2efa0dc17d2ecdd1</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/genzdoc_a2efa0dc17d2ecdd1"/>
    <language>en</language>
    <item>
      <title>Why I Built a Privacy-First PDF &amp; Image Compressor Directly in the Browser</title>
      <dc:creator>genzdoc</dc:creator>
      <pubDate>Thu, 05 Nov 2026 21:35:06 +0000</pubDate>
      <link>https://dev.to/genzdoc_a2efa0dc17d2ecdd1/why-i-built-a-privacy-first-pdf-image-compressor-directly-in-the-browser-2c5j</link>
      <guid>https://dev.to/genzdoc_a2efa0dc17d2ecdd1/why-i-built-a-privacy-first-pdf-image-compressor-directly-in-the-browser-2c5j</guid>
      <description>&lt;p&gt;Every time you need to compress a 10MB PDF for an email or re-encode a few images for a website, the typical workflow is painful:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;You upload your sensitive personal files or contracts to an unknown cloud server.&lt;/li&gt;
&lt;li&gt;You wait for processing.&lt;/li&gt;
&lt;li&gt;You get hit with a daily limit or paywall: &lt;em&gt;"Upgrade to Pro for $15/month to download."&lt;/em&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;As a web developer, I realized most everyday document and image tasks don't actually require massive cloud GPU clusters. Modern browsers have immense compute power with the HTML5 Canvas API, WebAssembly, and modern JavaScript engines.&lt;/p&gt;

&lt;p&gt;So I built &lt;strong&gt;&lt;a href="https://genzdoc.com" rel="noopener noreferrer"&gt;GenZDoc&lt;/a&gt;&lt;/strong&gt; — a lightweight suite of document and image utilities designed to process tasks directly on the client side.&lt;/p&gt;




&lt;h3&gt;
  
  
  🛠️ How It Works Technically
&lt;/h3&gt;

&lt;h4&gt;
  
  
  1. Client-Side Image Compression (Canvas API)
&lt;/h4&gt;

&lt;p&gt;Instead of piping user images to a backend server, we decode the image in the browser and draw it onto an off-screen HTML5 &lt;code&gt;&amp;lt;canvas&amp;gt;&lt;/code&gt;. We then re-encode it using &lt;code&gt;canvas.toBlob()&lt;/code&gt; or &lt;code&gt;canvas.toDataURL()&lt;/code&gt; with configurable quality parameters across JPEG, PNG, and WebP formats. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Advantage:&lt;/strong&gt; Processing is near-instantaneous, there is zero network upload latency, and the user's images never touch our servers.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Test it here:&lt;/strong&gt; &lt;a href="https://genzdoc.com/tools/image-compressor" rel="noopener noreferrer"&gt;Image Compressor&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  2. Client-Side PDF Rebuilding
&lt;/h4&gt;

&lt;p&gt;For our &lt;a href="https://genzdoc.com/tools/pdf-compressor" rel="noopener noreferrer"&gt;PDF Compressor&lt;/a&gt;, pages are rendered and rebuilt with image compression techniques directly within the user session. Documents with huge high-res embedded graphics can see substantial size reductions without requiring a backend round-trip.&lt;/p&gt;

&lt;h4&gt;
  
  
  3. Tech Stack
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Framework:&lt;/strong&gt; Next.js (App Router) + TypeScript&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Styling:&lt;/strong&gt; Tailwind CSS&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Libraries:&lt;/strong&gt; &lt;code&gt;pdf-lib&lt;/code&gt;, Canvas API&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment:&lt;/strong&gt; Vercel Edge with static prerendering for instant sub-100ms global response times.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🔒 Why Privacy-First Matters in 2026
&lt;/h3&gt;

&lt;p&gt;When handling resumes, bank statements, tax documents, or sensitive photos, user privacy shouldn't be an afterthought or a premium paid feature. By offloading processing to the browser:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hosting costs stay minimal (no heavy backend worker pools).&lt;/li&gt;
&lt;li&gt;User privacy is mathematically guaranteed because data doesn't leave the local device for simple utility jobs.&lt;/li&gt;
&lt;li&gt;The tools remain 100% free with no mandatory account creation or paywalls.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🚀 Try It Out &amp;amp; Give Feedback
&lt;/h3&gt;

&lt;p&gt;The platform is completely live at &lt;strong&gt;&lt;a href="https://genzdoc.com" rel="noopener noreferrer"&gt;https://genzdoc.com&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Direct tool links to test:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href="https://genzdoc.com/tools/pdf-compressor" rel="noopener noreferrer"&gt;PDF Compressor Online&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href="https://genzdoc.com/tools/image-compressor" rel="noopener noreferrer"&gt;Free Image Compressor&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href="https://genzdoc.com/tools" rel="noopener noreferrer"&gt;All Tools Toolbox&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href="https://github.com/teamredphenix/genzdoc-tools" rel="noopener noreferrer"&gt;GitHub Showcase&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I'd love feedback from the DEV community:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;How does the client-side performance feel on your mobile vs desktop browsers?&lt;/li&gt;
&lt;li&gt;Are there specific file formats or tools you'd like to see added next?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Drop your thoughts in the comments below!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>nextjs</category>
      <category>privacy</category>
    </item>
    <item>
      <title>How I Built 37 Free PDF Tools in One Platform</title>
      <dc:creator>genzdoc</dc:creator>
      <pubDate>Mon, 09 Mar 2026 04:59:50 +0000</pubDate>
      <link>https://dev.to/genzdoc_a2efa0dc17d2ecdd1/how-i-built-37-free-pdf-tools-in-one-platform-b3n</link>
      <guid>https://dev.to/genzdoc_a2efa0dc17d2ecdd1/how-i-built-37-free-pdf-tools-in-one-platform-b3n</guid>
      <description>&lt;p&gt;Recently I built GenZDoc, a free platform offering&lt;br&gt;
37 tools for working with PDFs and images.&lt;/p&gt;

&lt;p&gt;The goal was simple:&lt;br&gt;
Create fast tools that run locally in the browser&lt;br&gt;
without uploading files.&lt;/p&gt;

&lt;p&gt;Tools include:&lt;br&gt;
PDF compressor&lt;br&gt;
Merge PDF&lt;br&gt;
Split PDF&lt;br&gt;
Image converter&lt;/p&gt;

&lt;p&gt;You can try it here:&lt;br&gt;
&lt;a href="https://genzdoc.com" rel="noopener noreferrer"&gt;https://genzdoc.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
