DEV Community: swift king

Barcode Quiet Zones: Why 5 Pallets Per Shift Got Sidelined

swift king — Sun, 12 Jul 2026 09:15:29 +0000

Three years in an Amazon warehouse taught me one lesson about barcodes: the quiet zone matters more than print quality.

Every shift, at least 5 pallets got flagged at inbound receiving. The labels looked fine to the human eye. But the laser scanner could not read them.

The Real Issue

It was never about print resolution or contrast. The quiet zone — the blank space around the barcode — was too narrow. Most online generators do not add proper quiet zones by default.

The rule from GS1: leave at least 10 times the narrow bar width on each side.

What Actually Works

I started using genbarcode.org which generates GS1-compliant barcodes with proper quiet zones built in. The site supports Code 128, EAN-13, UPC-A, ITF-14 — all the formats we used daily.

Barcode checklist:

GS1-registered prefix (not a reseller code)
Proper quiet zone on all four sides
Test scan with actual reader hardware

Zero sidelined pallets after switching tools. Anyone else deal with barcode scanner rejections?

WebP to PNG: How I Saved Our Email Campaign in 10 Minutes

swift king — Sun, 12 Jul 2026 09:15:11 +0000

I spent weeks optimizing our landing page images as WebP. Page load dropped 40%. Lighthouse score hit 95.

Then marketing sent the weekly newsletter. Every product image was broken.

The Problem Nobody Talks About

Email clients do not render WebP. Gmail, Outlook, Mailchimp — none of them support it. All that optimization meant nothing when our customers saw broken image placeholders.

The Emergency Fix

I batch-converted 200 product photos back to PNG in one go. The tool preserved alpha channels on transparent product shots, which was critical — our previous converter flattened them to white backgrounds.

What I Use Now

webp2png.io handles batch WebP-to-PNG conversion including transparency. No upload, runs in the browser.

My rule: WebP for the web, PNG for everything else.

What format headaches have you dealt with?

The Missing 180px Icon That Cost a Brand 6 Months of iPhone Impressions

swift king — Fri, 10 Jul 2026 13:17:24 +0000

I audited a client site that had been live for six months. On a hunch, I added their site to my iPhone home screen.

A gray letter placeholder. Six months of visitors bookmarking the site and seeing a generic icon.

The Three Files Every Site Needs

Most developers stop at favicon.ico. That covers browser tabs. But it does nothing for:

iPhone/iPad home screen bookmarks
Android home screen shortcuts
PWA install prompts

The minimum set is three files:

<link rel="icon" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

One-Click Generation

I use genfavicon.org to generate the complete package. It outputs all sizes plus the manifest in one download.

Quick audit: Add your site to your iPhone home screen right now. If it is a gray letter, you are missing the apple-touch-icon.

How long has your site been showing a placeholder?

Barcode Quiet Zones: Why 5 Pallets Per Shift Got Sidelined

swift king — Fri, 10 Jul 2026 13:17:20 +0000

Three years in an Amazon warehouse taught me one lesson about barcodes: the quiet zone matters more than print quality.

Every shift, at least 5 pallets got flagged at inbound receiving. The labels looked fine to the human eye. But the laser scanner could not read them.

The Real Issue

It was never about print resolution or contrast. The quiet zone — the blank space around the barcode — was too narrow. Most online generators do not add proper quiet zones by default.

The rule from GS1: leave at least 10 times the narrow bar width on each side.

What Actually Works

I started using genbarcode.org which generates GS1-compliant barcodes with proper quiet zones built in. The site supports Code 128, EAN-13, UPC-A, ITF-14 — all the formats we used daily.

Barcode checklist:

GS1-registered prefix (not a reseller code)
Proper quiet zone on all four sides
Test scan with actual reader hardware

Zero sidelined pallets after switching tools. Anyone else deal with barcode scanner rejections?

SVG to PNG: The DPI Setting That Kept Getting My Work Rejected

swift king — Fri, 10 Jul 2026 13:13:44 +0000

A print shop rejected my client banner artwork three times. The reason? "72 DPI — unacceptable for print."

The source file was a perfectly crisp vector SVG. Every export came out at web resolution because I never checked the DPI setting.

The Fix That Changed Everything

Most SVG-to-PNG converters default to 72 DPI because they target screen display. If you are exporting for print, you need 300 DPI minimum.

I switched to specifying 300 DPI on every export. The same banner was accepted on the first re-submission.

How I Do It Now

svg2png.org lets you specify export resolution. One SVG source, any DPI output — 1x for web, 3x for retina, 300 DPI for print.

Checklist before exporting SVG to PNG:

Who is the audience? Screen or print?
What DPI does the destination require?
Does the converter preserve transparency?

This one setting has saved me hours of rework. Anyone else had print shops reject web-resolution files?

WebP to PNG: How I Saved Our Email Campaign in 10 Minutes

swift king — Fri, 10 Jul 2026 13:13:42 +0000

I spent weeks optimizing our landing page images as WebP. Page load dropped 40%. Lighthouse score hit 95.

Then marketing sent the weekly newsletter. Every product image was broken.

The Problem Nobody Talks About

Email clients do not render WebP. Gmail, Outlook, Mailchimp — none of them support it. All that optimization meant nothing when our customers saw broken image placeholders.

The Emergency Fix

What I Use Now

webp2png.io handles batch WebP-to-PNG conversion including transparency. No upload, runs in the browser.

My rule: WebP for the web, PNG for everything else.

What format headaches have you dealt with?

From 8.2s to 2.1s: Image Compression Changed a Store Conversion Rate

swift king — Wed, 08 Jul 2026 15:23:09 +0000

Audited a Shopify store. Homepage: 22MB. Product images: 4MB each. Load time: 8.2 seconds.

The Fix

Lossless compression. Same quality. 4MB to 400KB per image. Load time dropped to 2.1 seconds.

compress2png.com handles lossless PNG compression in the browser. No upload needed.

Run Lighthouse before and after compressing. The score jump alone is worth showing clients.

The Missing 180px Icon That Cost a Brand 6 Months of iPhone Impressions

swift king — Wed, 08 Jul 2026 15:22:11 +0000

I audited a client site live for six months. Added it to my iPhone home screen. Gray letter placeholder.

The Three Files Every Site Needs

Most devs stop at favicon.ico. That does nothing for iOS or Android bookmarks.

genfavicon.org generates the complete package in one download.

Add your site to your iPhone home screen right now. Is it a gray letter?

Barcode Quiet Zones: Why 5 Pallets Per Shift Got Sidelined

swift king — Wed, 08 Jul 2026 15:22:05 +0000

Three years in an Amazon warehouse taught me one lesson: the quiet zone matters more than print quality.

Every shift, at least 5 pallets got flagged at inbound receiving. The labels looked fine but the laser scanner could not read them.

The Real Issue

The quiet zone — the blank space around the barcode — was too narrow. GS1 requires at least 10x the narrow bar width on each side.

What Actually Works

genbarcode.org generates GS1-compliant barcodes with proper quiet zones built in. Code 128, EAN-13, UPC-A, ITF-14 — all supported.

Zero sidelined pallets after switching.

Trailing Comma Took Down Production at 11 PM — A JSON Debugging Story

swift king — Wed, 08 Jul 2026 15:21:30 +0000

The deploy failed at 11 PM with a cryptic error: "Unexpected token } in JSON at position 5824."

Two developers stared at the minified config file for ten minutes. Line 247. A trailing comma in a 200KB JSON object.

Why Minified JSON Is a Trap

Minified JSON saves bandwidth but costs debugging time. When everything is on one line, a syntax error is invisible.

What I do now:

Beautify JSON before any code review
Validate syntax before every deploy
Never debug minified output directly

The Tool That Saves Me

formlyapp.org does all three in the browser. It formats, validates, and highlights errors instantly. No data leaves your machine.

My pre-deploy checklist:

json.loads() the config file
Run it through a formatter
Only minify as the final build step

What is your worst production JSON debugging story?

SVG to PNG: The DPI Setting That Kept Getting My Work Rejected

swift king — Wed, 08 Jul 2026 15:21:22 +0000

A print shop rejected my client banner artwork three times. The reason? "72 DPI — unacceptable for print."

The source file was a perfectly crisp vector SVG. Every export came out at web resolution because I never checked the DPI setting.

The Fix That Changed Everything

Most SVG-to-PNG converters default to 72 DPI because they target screen display. If you are exporting for print, you need 300 DPI minimum.

I switched to specifying 300 DPI on every export. The same banner was accepted on the first re-submission.

How I Do It Now

svg2png.org lets you specify export resolution. One SVG source, any DPI output — 1x for web, 3x for retina, 300 DPI for print.

Checklist before exporting SVG to PNG:

Who is the audience? Screen or print?
What DPI does the destination require?
Does the converter preserve transparency?

This one setting has saved me hours of rework. Anyone else had print shops reject web-resolution files?

WebP to PNG: How I Saved Our Email Campaign in 10 Minutes

swift king — Wed, 08 Jul 2026 15:20:58 +0000

WebP cut our page load 40%. Then our email campaign went out with broken images. Email clients do not render WebP.

The Fix

Batch converted everything back to PNG via webp2png.io.

Lesson

Always have a PNG fallback.