<?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: gatekey</title>
    <description>The latest articles on DEV Community by gatekey (@gatekey).</description>
    <link>https://dev.to/gatekey</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%2F4202013%2Fe3dd0b20-8f98-4e67-af80-0367a376e9a5.png</url>
      <title>DEV Community: gatekey</title>
      <link>https://dev.to/gatekey</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gatekey"/>
    <language>en</language>
    <item>
      <title>The 8 Image Dimensions Every Creator Actually Needs (And How to Get Them in Seconds)</title>
      <dc:creator>gatekey</dc:creator>
      <pubDate>Mon, 26 Oct 2026 01:18:25 +0000</pubDate>
      <link>https://dev.to/gatekey/the-8-image-dimensions-every-creator-actually-needs-and-how-to-get-them-in-seconds-lh9</link>
      <guid>https://dev.to/gatekey/the-8-image-dimensions-every-creator-actually-needs-and-how-to-get-them-in-seconds-lh9</guid>
      <description>&lt;p&gt;Every creator knows the frustration: you finish a perfect photo, then realize Instagram wants 1080×1080, TikTok wants 1080×1920, LinkedIn wants 1200×627, and Amazon's main image has to be exactly 2000×2000 or your listing gets penalized.&lt;/p&gt;

&lt;p&gt;Instead of Googling each spec and opening an image editor every time, I keep a cheat sheet of the 8 dimensions I actually use. Here it is.&lt;/p&gt;

&lt;h2&gt;
  
  
  The 8 image dimensions every creator needs
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Platform&lt;/th&gt;
&lt;th&gt;Use case&lt;/th&gt;
&lt;th&gt;Size (px)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Instagram Post&lt;/td&gt;
&lt;td&gt;Feed post&lt;/td&gt;
&lt;td&gt;1080 × 1080&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Instagram Story&lt;/td&gt;
&lt;td&gt;Story / Reel cover&lt;/td&gt;
&lt;td&gt;1080 × 1920&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;TikTok&lt;/td&gt;
&lt;td&gt;Video thumbnail / cover&lt;/td&gt;
&lt;td&gt;1080 × 1920&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;YouTube Thumbnail&lt;/td&gt;
&lt;td&gt;Video thumbnail&lt;/td&gt;
&lt;td&gt;1280 × 720&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;LinkedIn Post&lt;/td&gt;
&lt;td&gt;Article / feed image&lt;/td&gt;
&lt;td&gt;1200 × 627&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Facebook Cover&lt;/td&gt;
&lt;td&gt;Page cover photo&lt;/td&gt;
&lt;td&gt;1640 × 924&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Amazon Main Image&lt;/td&gt;
&lt;td&gt;Product listing&lt;/td&gt;
&lt;td&gt;2000 × 2000&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Etsy Listing&lt;/td&gt;
&lt;td&gt;Product photo&lt;/td&gt;
&lt;td&gt;2000 × 2000&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;These are the specs that actually matter. Everything else is a variant you'll rarely need.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why resizing manually is a waste of time
&lt;/h2&gt;

&lt;p&gt;Open an editor → import the image → find the canvas settings → enter the new dimensions → drag the image to fit → export → repeat for the next platform.&lt;/p&gt;

&lt;p&gt;For one photo across five platforms, that's five separate exports. Multiply that by ten products a day, and you've just lost an hour.&lt;/p&gt;

&lt;h2&gt;
  
  
  The faster way: browser-only resizing
&lt;/h2&gt;

&lt;p&gt;I built &lt;a href="https://www.imgsize.cc" rel="noopener noreferrer"&gt;imgsize&lt;/a&gt; specifically for this workflow. It runs entirely in your browser — your photos never leave your device.&lt;/p&gt;

&lt;p&gt;Here's the 10-second process:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open &lt;a href="https://www.imgsize.cc" rel="noopener noreferrer"&gt;imgsize&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Pick the platform preset (Instagram, TikTok, LinkedIn, Amazon, Etsy, etc. — 70+ built in)&lt;/li&gt;
&lt;li&gt;Drop your image&lt;/li&gt;
&lt;li&gt;Download the perfectly sized result&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;No upload. No login. No watermark. No waiting for a server to process your file.&lt;/p&gt;

&lt;p&gt;The best part: if you need the same image for multiple platforms, you can export them all in a ZIP — one drop, multiple exact sizes, done.&lt;/p&gt;

&lt;h2&gt;
  
  
  Stop guessing dimensions
&lt;/h2&gt;

&lt;p&gt;Bookmark this post or save the &lt;a href="https://www.imgsize.cc" rel="noopener noreferrer"&gt;imgsize&lt;/a&gt; link next time you're about to publish. The goal isn't to learn every spec by heart — it's to stop caring about the math and just get the right output.&lt;/p&gt;

&lt;p&gt;What platform dimensions do you find yourself looking up most often? Drop it in the comments and I'll add it to the preset list.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Resize Images for Any Platform Without Uploading: A Browser-Only Guide</title>
      <dc:creator>gatekey</dc:creator>
      <pubDate>Fri, 23 Oct 2026 08:12:50 +0000</pubDate>
      <link>https://dev.to/gatekey/resize-images-for-any-platform-without-uploading-a-browser-only-guide-2hbi</link>
      <guid>https://dev.to/gatekey/resize-images-for-any-platform-without-uploading-a-browser-only-guide-2hbi</guid>
      <description>&lt;p&gt;Every creator knows the pain: each platform wants a different image size. Instagram 1080x1080, TikTok 1080x1920, Twitter 1600x900, YouTube 1280x720, LinkedIn 1200x627... Resizing one photo for five platforms usually means opening an editor, remembering each spec, and exporting five times. Worse, most online "resize" tools upload your image to a server first - which is slow, and a privacy concern if the photo isn't meant to leave your device.&lt;/p&gt;

&lt;p&gt;That's why I built &lt;a href="https://www.imgsize.cc" rel="noopener noreferrer"&gt;imgsize&lt;/a&gt;, a 100% browser-based image resizer. Your image never leaves your device. Pick a platform preset (70+ included), and it's resized instantly with the exact dimensions that platform wants.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why browser-only processing matters
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;No uploads - your photos stay on your device. Great for personal documents, ID photos, or anything sensitive.&lt;/li&gt;
&lt;li&gt;No login, no signup - just open the page and resize.&lt;/li&gt;
&lt;li&gt;Fast - processing happens locally, so there's no waiting on a server round-trip.&lt;/li&gt;
&lt;li&gt;Works anywhere - desktop, tablet, phone; no install needed.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  A quick example
&lt;/h2&gt;

&lt;p&gt;Say you need a cover for an Instagram post:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open &lt;a href="https://www.imgsize.cc" rel="noopener noreferrer"&gt;imgsize&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Choose the &lt;strong&gt;Instagram Post&lt;/strong&gt; preset (1080x1080)&lt;/li&gt;
&lt;li&gt;Drop your image&lt;/li&gt;
&lt;li&gt;Download - done. Nothing was uploaded.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Under the hood
&lt;/h2&gt;

&lt;p&gt;It uses the browser's built-in canvas and image APIs, so everything runs client-side. No server, no tracking pixels, no file left behind.&lt;/p&gt;

&lt;p&gt;If you're a web developer, you might also like the approach: it's a nice example of doing image processing entirely in the browser with the Canvas API.&lt;/p&gt;

&lt;p&gt;Got a platform I'm missing? The preset list is always growing - let me know and I'll add it.&lt;/p&gt;

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