<?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>Forem: Pixotter</title>
    <description>The latest articles on Forem by Pixotter (@pixotter).</description>
    <link>https://forem.com/pixotter</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3829638%2Fc74d0549-9ab4-4096-ad62-9e71fdcde53d.png</url>
      <title>Forem: Pixotter</title>
      <link>https://forem.com/pixotter</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/pixotter"/>
    <language>en</language>
    <item>
      <title>How to Make an Image Smaller in HTML (5 Methods)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Thu, 07 May 2026 19:17:27 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-make-an-image-smaller-in-html-5-methods-3dfi</link>
      <guid>https://forem.com/pixotter/how-to-make-an-image-smaller-in-html-5-methods-3dfi</guid>
      <description>&lt;h1&gt;
  
  
  How to Make an Image Smaller in HTML (5 Methods)
&lt;/h1&gt;

&lt;p&gt;You have a 4000x3000 image. You need it to display at 800x600. There are two completely different problems hiding in that sentence:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Display size&lt;/strong&gt; — how large the image &lt;em&gt;appears&lt;/em&gt; on the page (controlled by HTML and CSS)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;File size&lt;/strong&gt; — how many bytes the browser &lt;em&gt;downloads&lt;/em&gt; (controlled by compression and export settings)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Setting &lt;code&gt;width="800"&lt;/code&gt; on an &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag makes the image &lt;em&gt;look&lt;/em&gt; smaller. The browser still downloads all 4.8 MB of the original. Your page still loads slowly. Your &lt;a href="https://pixotter.com/blog/optimize-images-for-seo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Core Web Vitals&lt;/a&gt; still suffer.&lt;/p&gt;

&lt;p&gt;This guide covers both problems. Methods 1-4 handle display size. Method 5 handles file size. For a fast site, you need both.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Comparison
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Method&lt;/th&gt;
&lt;th&gt;Controls&lt;/th&gt;
&lt;th&gt;Responsive?&lt;/th&gt;
&lt;th&gt;Reduces File Size?&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;width&lt;/code&gt;/&lt;code&gt;height&lt;/code&gt; attributes&lt;/td&gt;
&lt;td&gt;Display size&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Fixed-dimension layouts, CLS prevention&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;CSS &lt;code&gt;max-width&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;Display size&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Fluid layouts, responsive design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;srcset&lt;/code&gt; + &lt;code&gt;sizes&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;Display size + source selection&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes (serves smaller files)&lt;/td&gt;
&lt;td&gt;Serving resolution-appropriate images&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; element&lt;/td&gt;
&lt;td&gt;Display size + format + art direction&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes (serves smaller files/formats)&lt;/td&gt;
&lt;td&gt;Format switching, art direction&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pre-upload compression&lt;/td&gt;
&lt;td&gt;File size&lt;/td&gt;
&lt;td&gt;N/A&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Reducing actual bytes transferred&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Method 1: width and height Attributes
&lt;/h2&gt;

&lt;p&gt;The simplest approach. Add &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; directly to the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt;
  &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"hero-photo.jpg"&lt;/span&gt;
  &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"Mountain landscape at sunset"&lt;/span&gt;
  &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"800"&lt;/span&gt;
  &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"600"&lt;/span&gt;
&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The browser renders the image at 800x600 pixels regardless of the original file dimensions. These values are in CSS pixels, not the intrinsic pixel dimensions of the file.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why you should always include both attributes:&lt;/strong&gt; When &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; are present, the browser reserves the correct space in the layout &lt;em&gt;before&lt;/em&gt; the image loads. This prevents Cumulative Layout Shift (CLS) — that annoying jump when images pop in and push content around. For a deeper look at how dimensions affect performance, see our guide on &lt;a href="https://pixotter.com/blog/html-image-dimensions/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;HTML image dimensions&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The catch:&lt;/strong&gt; The browser still downloads the full-size file. A 4000x3000 JPEG at 4.8 MB renders at 800x600, but the user waited for 4.8 MB to arrive. On mobile connections, that matters a lot.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When to use this method:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Email templates where CSS support is unreliable&lt;/li&gt;
&lt;li&gt;Fixed-width layouts where the image never needs to scale&lt;/li&gt;
&lt;li&gt;As a &lt;em&gt;supplement&lt;/em&gt; to CSS (always set both for CLS prevention, even if CSS controls the visual size)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Method 2: CSS max-width and height
&lt;/h2&gt;

&lt;p&gt;CSS gives you responsive control that HTML attributes alone cannot:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt;
  &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"hero-photo.jpg"&lt;/span&gt;
  &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"Mountain landscape at sunset"&lt;/span&gt;
  &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"1200"&lt;/span&gt;
  &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"900"&lt;/span&gt;
  &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="s"&gt;"max-width: 100%; height: auto;"&lt;/span&gt;
&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or in a stylesheet (preferred):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nt"&gt;img&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;max-width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;100%&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;auto&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This is the responsive image baseline. The image scales down to fit its container but never stretches beyond its intrinsic width. &lt;code&gt;height: auto&lt;/code&gt; preserves the aspect ratio.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A more controlled approach with &lt;code&gt;object-fit&lt;/code&gt;:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.thumbnail&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;300px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;300px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;object-fit&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;cover&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;  &lt;span class="c"&gt;/* crops to fill the box */&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nc"&gt;.preview&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;300px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;200px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;object-fit&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;contain&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c"&gt;/* fits inside the box, may letterbox */&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;code&gt;object-fit: cover&lt;/code&gt; is your friend for avatar circles, card thumbnails, and gallery grids — any context where you need a fixed aspect ratio box but have images of varying proportions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Keep the HTML attributes:&lt;/strong&gt; Even when CSS controls the visual size, include &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; on the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag. The browser uses them to calculate the aspect ratio for layout reservation. CSS controls appearance; HTML attributes prevent layout shift.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The same catch applies:&lt;/strong&gt; The browser still downloads the full-size file. You are resizing on the client side. For &lt;a href="https://pixotter.com/blog/image-size-for-website/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;optimal website image sizes&lt;/a&gt;, you want to serve appropriately-sized source files — which brings us to &lt;code&gt;srcset&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3: srcset and sizes for Responsive Images
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;srcset&lt;/code&gt; lets you provide multiple versions of the same image at different resolutions. The browser picks the best one based on viewport width and screen density:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt;
  &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"hero-800w.jpg"&lt;/span&gt;
  &lt;span class="na"&gt;srcset=&lt;/span&gt;&lt;span class="s"&gt;"
    hero-400w.jpg   400w,
    hero-800w.jpg   800w,
    hero-1200w.jpg 1200w,
    hero-1600w.jpg 1600w
  "&lt;/span&gt;
  &lt;span class="na"&gt;sizes=&lt;/span&gt;&lt;span class="s"&gt;"
    (max-width: 600px) 100vw,
    (max-width: 1200px) 50vw,
    800px
  "&lt;/span&gt;
  &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"Mountain landscape at sunset"&lt;/span&gt;
  &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"1200"&lt;/span&gt;
  &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"900"&lt;/span&gt;
&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Here is what each piece does:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;srcset&lt;/code&gt;&lt;/strong&gt; lists available files and their &lt;em&gt;intrinsic widths&lt;/em&gt; (the &lt;code&gt;w&lt;/code&gt; descriptor is the actual pixel width of each file).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;sizes&lt;/code&gt;&lt;/strong&gt; tells the browser how wide the image will be displayed at each breakpoint — &lt;code&gt;100vw&lt;/code&gt; on small screens (full width), &lt;code&gt;50vw&lt;/code&gt; on medium screens (half width), &lt;code&gt;800px&lt;/code&gt; on large screens.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;src&lt;/code&gt;&lt;/strong&gt; is the fallback for browsers that do not support &lt;code&gt;srcset&lt;/code&gt; (rare, but required).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The browser does the math: on a 375px-wide phone at 2x density, it needs a 750px-wide image, so it picks &lt;code&gt;hero-800w.jpg&lt;/code&gt;. On a 1440px desktop at 1x, it needs 800px, same file. On a 1440px Retina display, it grabs &lt;code&gt;hero-1600w.jpg&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The real benefit:&lt;/strong&gt; A phone downloads a 45 KB file instead of a 380 KB file. Same visual quality, 88% less data. This is the first method that actually reduces bytes transferred.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The work involved:&lt;/strong&gt; You need to generate multiple versions of each image. Tools like &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handle this — drop your image, export at 400, 800, 1200, and 1600px widths, done.&lt;/p&gt;

&lt;p&gt;For more on how &lt;code&gt;srcset&lt;/code&gt; interacts with &lt;a href="https://pixotter.com/blog/lazy-loading-images/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;lazy loading&lt;/a&gt;, check our dedicated guide.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 4: The picture Element
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; goes beyond &lt;code&gt;srcset&lt;/code&gt; by adding &lt;strong&gt;art direction&lt;/strong&gt; and &lt;strong&gt;format switching&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;picture&amp;gt;&lt;/span&gt;
  &lt;span class="c"&gt;&amp;lt;!-- Serve AVIF where supported (smallest file) --&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;source&lt;/span&gt;
    &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"image/avif"&lt;/span&gt;
    &lt;span class="na"&gt;srcset=&lt;/span&gt;&lt;span class="s"&gt;"hero-800w.avif 800w, hero-1200w.avif 1200w"&lt;/span&gt;
    &lt;span class="na"&gt;sizes=&lt;/span&gt;&lt;span class="s"&gt;"(max-width: 800px) 100vw, 800px"&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="c"&gt;&amp;lt;!-- Fall back to WebP --&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;source&lt;/span&gt;
    &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"image/webp"&lt;/span&gt;
    &lt;span class="na"&gt;srcset=&lt;/span&gt;&lt;span class="s"&gt;"hero-800w.webp 800w, hero-1200w.webp 1200w"&lt;/span&gt;
    &lt;span class="na"&gt;sizes=&lt;/span&gt;&lt;span class="s"&gt;"(max-width: 800px) 100vw, 800px"&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="c"&gt;&amp;lt;!-- Fall back to JPEG for old browsers --&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt;
    &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"hero-800w.jpg"&lt;/span&gt;
    &lt;span class="na"&gt;srcset=&lt;/span&gt;&lt;span class="s"&gt;"hero-800w.jpg 800w, hero-1200w.jpg 1200w"&lt;/span&gt;
    &lt;span class="na"&gt;sizes=&lt;/span&gt;&lt;span class="s"&gt;"(max-width: 800px) 100vw, 800px"&lt;/span&gt;
    &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"Mountain landscape at sunset"&lt;/span&gt;
    &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"1200"&lt;/span&gt;
    &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"900"&lt;/span&gt;
    &lt;span class="na"&gt;loading=&lt;/span&gt;&lt;span class="s"&gt;"lazy"&lt;/span&gt;
    &lt;span class="na"&gt;decoding=&lt;/span&gt;&lt;span class="s"&gt;"async"&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/picture&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The browser picks the first &lt;code&gt;&amp;lt;source&amp;gt;&lt;/code&gt; it supports, then selects the right size from that source's &lt;code&gt;srcset&lt;/code&gt;. If nothing matches, it falls back to the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Art direction example&lt;/strong&gt; — serve a different crop on mobile versus desktop:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;picture&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;source&lt;/span&gt;
    &lt;span class="na"&gt;media=&lt;/span&gt;&lt;span class="s"&gt;"(max-width: 600px)"&lt;/span&gt;
    &lt;span class="na"&gt;srcset=&lt;/span&gt;&lt;span class="s"&gt;"hero-mobile-crop.jpg"&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;source&lt;/span&gt;
    &lt;span class="na"&gt;media=&lt;/span&gt;&lt;span class="s"&gt;"(max-width: 1200px)"&lt;/span&gt;
    &lt;span class="na"&gt;srcset=&lt;/span&gt;&lt;span class="s"&gt;"hero-tablet.jpg"&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt;
    &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"hero-desktop.jpg"&lt;/span&gt;
    &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"Mountain landscape at sunset"&lt;/span&gt;
    &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"1200"&lt;/span&gt;
    &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"600"&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/picture&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;On mobile, you might want a tighter crop that shows the subject clearly instead of a tiny version of the full landscape. Art direction gives you that control.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; beats &lt;code&gt;srcset&lt;/code&gt; alone:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You want to serve AVIF/WebP to supporting browsers and JPEG/PNG to the rest&lt;/li&gt;
&lt;li&gt;Different crops at different breakpoints (mobile: portrait crop, desktop: landscape)&lt;/li&gt;
&lt;li&gt;Different images entirely based on context (dark mode, reduced motion, print)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Method 5: Actually Reduce the File Size
&lt;/h2&gt;

&lt;p&gt;Methods 1-4 control how the browser &lt;em&gt;displays&lt;/em&gt; the image. None of them change the source file. If your original JPEG is 4.8 MB, that is still 4.8 MB hitting the network (unless &lt;code&gt;srcset&lt;/code&gt; or &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; routes the browser to a smaller variant you prepared).&lt;/p&gt;

&lt;p&gt;The most impactful optimization is shipping a smaller file in the first place:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Resize to the dimensions you need.&lt;/strong&gt; A 4000x3000 photo displayed at 800x600 wastes 96% of its pixels. Export at 1600x1200 (2x for Retina) and the file drops from 4.8 MB to under 800 KB before any compression.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Compress.&lt;/strong&gt; JPEG quality 80 is visually indistinguishable from quality 100 for most photos, at 60-70% less file size. Tools like &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compress tool&lt;/a&gt; let you dial in a target size.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Choose the right format.&lt;/strong&gt; AVIF is 30-50% smaller than JPEG at equivalent quality. WebP splits the difference. PNG is for graphics with transparency and sharp edges, not photographs.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For a detailed walkthrough on shrinking file sizes, see our guide on &lt;a href="https://pixotter.com/blog/how-to-make-image-mb-smaller/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to make an image MB smaller&lt;/a&gt;.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Resize images before adding them to HTML&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Pixotter resizes and compresses images in your browser — serve the right file size, not just the right display size.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/resize/"&gt;Resize Now →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Display Size vs. File Size — Why Both Matter
&lt;/h2&gt;

&lt;p&gt;Think of it this way: HTML and CSS are the &lt;em&gt;frame&lt;/em&gt; on the wall. The file is the &lt;em&gt;painting&lt;/em&gt;. You can put a small frame around a huge painting — visitors still carried the huge painting into the room.&lt;/p&gt;

&lt;p&gt;Here is the performance math:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Scenario&lt;/th&gt;
&lt;th&gt;File Downloaded&lt;/th&gt;
&lt;th&gt;Display Size&lt;/th&gt;
&lt;th&gt;LCP Impact&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;4000x3000 JPEG, no HTML sizing&lt;/td&gt;
&lt;td&gt;4.8 MB&lt;/td&gt;
&lt;td&gt;Native (huge)&lt;/td&gt;
&lt;td&gt;Terrible&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;4000x3000 JPEG, &lt;code&gt;width="800"&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;4.8 MB&lt;/td&gt;
&lt;td&gt;800x600&lt;/td&gt;
&lt;td&gt;Still terrible — same download&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;800x600 JPEG, &lt;code&gt;width="800"&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;120 KB&lt;/td&gt;
&lt;td&gt;800x600&lt;/td&gt;
&lt;td&gt;Good&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;800x600 WebP, &lt;code&gt;width="800"&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;65 KB&lt;/td&gt;
&lt;td&gt;800x600&lt;/td&gt;
&lt;td&gt;Great&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;srcset&lt;/code&gt; with 4 sizes, WebP&lt;/td&gt;
&lt;td&gt;25-120 KB (varies)&lt;/td&gt;
&lt;td&gt;Responsive&lt;/td&gt;
&lt;td&gt;Best — right file for each device&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The bottom row is the target: combine &lt;code&gt;srcset&lt;/code&gt; (or &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt;) with properly sized, compressed source files. Each device downloads only the bytes it needs.&lt;/p&gt;

&lt;p&gt;This is especially critical for Largest Contentful Paint (LCP). If your hero image is the LCP element — and it usually is — every kilobyte of unnecessary data delays your most important Core Web Vital. For a full rundown, see our &lt;a href="https://pixotter.com/blog/optimize-images-for-seo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;image SEO optimization guide&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Does setting width and height in HTML compress the image?
&lt;/h3&gt;

&lt;p&gt;No. &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; attributes only control the display size — how many CSS pixels the image occupies on the page. The browser downloads the full original file regardless. To reduce the actual data transferred, resize and compress the source file before uploading.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the difference between width/height attributes and CSS width/height?
&lt;/h3&gt;

&lt;p&gt;HTML attributes set the &lt;em&gt;intrinsic&lt;/em&gt; size hint. The browser uses them to reserve space in the layout and prevent layout shift. CSS properties control the &lt;em&gt;rendered&lt;/em&gt; size and can be responsive (percentages, &lt;code&gt;max-width&lt;/code&gt;, media queries). Use both: HTML attributes for layout stability, CSS for responsive behavior.&lt;/p&gt;

&lt;h3&gt;
  
  
  Should I use srcset or the picture element?
&lt;/h3&gt;

&lt;p&gt;Use &lt;code&gt;srcset&lt;/code&gt; + &lt;code&gt;sizes&lt;/code&gt; when serving the same image at different resolutions (the common case). Use &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; when you need format switching (AVIF/WebP/JPEG fallback) or art direction (different crops per breakpoint). &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; is a superset — it does everything &lt;code&gt;srcset&lt;/code&gt; does and more, at the cost of more markup.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I make an image responsive without distortion?
&lt;/h3&gt;

&lt;p&gt;Set &lt;code&gt;max-width: 100%&lt;/code&gt; and &lt;code&gt;height: auto&lt;/code&gt; in CSS. Include the correct &lt;code&gt;width&lt;/code&gt; and &lt;code&gt;height&lt;/code&gt; attributes on the &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag so the browser calculates the aspect ratio. The image will scale down with its container without stretching or squishing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Is it bad to use inline styles for image sizing?
&lt;/h3&gt;

&lt;p&gt;For one-off adjustments, inline styles are fine. For consistent patterns (thumbnails, hero images, card grids), move styles to a CSS class. The performance difference is negligible — the concern is maintainability. When you need to change every thumbnail from 200px to 250px, a class makes that one edit instead of fifty.&lt;/p&gt;

&lt;h3&gt;
  
  
  What image dimensions should I use for the web?
&lt;/h3&gt;

&lt;p&gt;It depends on how the image is displayed. A full-width hero on a 1920px-wide layout needs a source file of at least 1920px (or 3840px for Retina). A 300px-wide thumbnail needs only 600px at most. The rule: export at 2x the CSS display size to look sharp on high-DPI screens, then let &lt;code&gt;srcset&lt;/code&gt; serve 1x files to standard screens. For platform-specific sizes, check our &lt;a href="https://pixotter.com/blog/image-size-for-website/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;website image size guide&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrapping Up
&lt;/h2&gt;

&lt;p&gt;Making an image smaller in HTML is really two jobs: controlling how it &lt;em&gt;renders&lt;/em&gt; and controlling how much data it &lt;em&gt;costs&lt;/em&gt;. The HTML and CSS methods (attributes, &lt;code&gt;max-width&lt;/code&gt;, &lt;code&gt;srcset&lt;/code&gt;, &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt;) handle rendering. Compression and resizing handle file size.&lt;/p&gt;

&lt;p&gt;For the fastest pages, do both. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize and compress your images&lt;/a&gt; to the dimensions each breakpoint actually needs, then use &lt;code&gt;srcset&lt;/code&gt; or &lt;code&gt;&amp;lt;picture&amp;gt;&lt;/code&gt; to serve the right version to each device. Your visitors get sharp images. Your server sends fewer bytes. Everybody wins.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>html</category>
      <category>tutorial</category>
      <category>images</category>
    </item>
    <item>
      <title>How to Make an Image MB Smaller (5 Fast Methods)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Thu, 07 May 2026 09:32:23 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-make-an-image-mb-smaller-5-fast-methods-47h</link>
      <guid>https://forem.com/pixotter/how-to-make-an-image-mb-smaller-5-fast-methods-47h</guid>
      <description>&lt;h1&gt;
  
  
  How to Make an Image MB Smaller (5 Fast Methods)
&lt;/h1&gt;

&lt;p&gt;You need to email a photo but it is 12 MB and your provider caps attachments at 25 MB. Or a site upload form rejects your screenshot because it tops 5 MB. The fix sounds simple — make the image MB smaller — but people often confuse two very different things: &lt;strong&gt;file size&lt;/strong&gt; (measured in KB or MB) and &lt;strong&gt;pixel dimensions&lt;/strong&gt; (measured in width x height).&lt;/p&gt;

&lt;p&gt;Shrinking an image from 4000x3000 pixels to 2000x1500 pixels &lt;em&gt;might&lt;/em&gt; reduce the file size, but it is the bluntest tool in the box. You lose resolution you might actually need. Better approaches — compression, format conversion, metadata stripping — can slash megabytes without touching a single pixel.&lt;/p&gt;

&lt;p&gt;Here are five methods, ordered from least destructive to most.&lt;/p&gt;

&lt;h2&gt;
  
  
  File Size vs. Dimensions — What Is Actually Too Big?
&lt;/h2&gt;

&lt;p&gt;Before changing anything, know your target. Different platforms enforce different limits, and overshooting by a little is fine — undershooting quality is not.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Platform / Use Case&lt;/th&gt;
&lt;th&gt;Max File Size&lt;/th&gt;
&lt;th&gt;Typical Target&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Email attachment (Gmail, Outlook)&lt;/td&gt;
&lt;td&gt;25 MB&lt;/td&gt;
&lt;td&gt;&amp;lt; 2 MB per image for fast delivery&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;WhatsApp image&lt;/td&gt;
&lt;td&gt;16 MB&lt;/td&gt;
&lt;td&gt;&amp;lt; 1 MB (WhatsApp recompresses anyway)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Web page / blog post&lt;/td&gt;
&lt;td&gt;No hard cap&lt;/td&gt;
&lt;td&gt;&amp;lt; 500 KB for fast load times&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;WordPress media upload (default)&lt;/td&gt;
&lt;td&gt;2 - 50 MB (host-dependent)&lt;/td&gt;
&lt;td&gt;&amp;lt; 500 KB for performance&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Shopify product image&lt;/td&gt;
&lt;td&gt;20 MB&lt;/td&gt;
&lt;td&gt;&amp;lt; 1 MB recommended&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;LinkedIn post&lt;/td&gt;
&lt;td&gt;10 MB&lt;/td&gt;
&lt;td&gt;&amp;lt; 2 MB&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;If your image already falls under the target, stop. Unnecessary compression just degrades quality for zero benefit.&lt;/p&gt;

&lt;p&gt;For more detail on hitting specific size targets, see our guides on &lt;a href="https://pixotter.com/blog/compress-image-to-100kb/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compressing an image to 100 KB&lt;/a&gt; and &lt;a href="https://pixotter.com/blog/compress-image-to-1mb/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compressing to 1 MB&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 1: Compress the Image (Quality Slider)
&lt;/h2&gt;

&lt;p&gt;Compression is the single most effective way to make an image MB smaller while keeping the same dimensions and format. A JPEG saved at 100% quality might weigh 8 MB. Drop the quality to 80% and you are looking at 1.5-2 MB — with differences invisible to the human eye at normal viewing sizes.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How it works:&lt;/strong&gt; Lossy compression (JPEG, WebP) discards fine detail the eye does not notice. Lossless compression (PNG optimization) reorganizes data without removing anything. For photographs, lossy wins on file size. For screenshots and graphics with sharp edges, lossless keeps things crisp. Read more about the trade-offs in &lt;a href="https://pixotter.com/blog/lossy-vs-lossless-compression/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;lossy vs. lossless compression&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quick rules:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Photos: 75-85% quality is the sweet spot. Below 60%, artifacts become visible.&lt;/li&gt;
&lt;li&gt;Screenshots: Use lossless PNG optimization or switch to WebP lossless.&lt;/li&gt;
&lt;li&gt;Already-compressed JPEGs: Re-compressing stacks artifacts. Convert to WebP instead.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Shrink image file size in seconds&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Pixotter compresses images in your browser — set a target size in KB or MB, download instantly. No upload needed.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/compress/"&gt;Compress Now →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 2: Convert to a Smaller Format
&lt;/h2&gt;

&lt;p&gt;The file format itself determines how efficiently pixel data is stored. A 4000x3000 screenshot saved as PNG might be 15 MB. Convert it to WebP and you are under 1 MB — same image, same pixels, dramatically smaller file.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Conversion&lt;/th&gt;
&lt;th&gt;Typical Reduction&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;PNG → JPEG&lt;/td&gt;
&lt;td&gt;60-80% smaller&lt;/td&gt;
&lt;td&gt;Photos, images without transparency&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;PNG → WebP&lt;/td&gt;
&lt;td&gt;70-90% smaller&lt;/td&gt;
&lt;td&gt;Everything (photos, graphics, screenshots)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;JPEG → WebP&lt;/td&gt;
&lt;td&gt;25-35% smaller&lt;/td&gt;
&lt;td&gt;Photos already in JPEG&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;BMP/TIFF → JPEG or WebP&lt;/td&gt;
&lt;td&gt;90%+ smaller&lt;/td&gt;
&lt;td&gt;Legacy formats from scanners or cameras&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;When to convert:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Sending images via email or chat? JPEG or WebP.&lt;/li&gt;
&lt;li&gt;Publishing on the web? WebP has &lt;a href="https://caniuse.com/webp" rel="noopener noreferrer"&gt;97% browser support&lt;/a&gt; as of 2026.&lt;/li&gt;
&lt;li&gt;Need transparency? WebP supports it — no need to stay on PNG for alpha channels.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Use the &lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter convert tool&lt;/a&gt; to switch formats instantly in your browser. For a deeper comparison of when each format wins, check out &lt;a href="https://pixotter.com/blog/how-to-reduce-image-size/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to reduce image size&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3: Strip Metadata
&lt;/h2&gt;

&lt;p&gt;Every photo from a phone or camera carries metadata: GPS coordinates, camera model, exposure settings, color profiles, and thumbnails. This data is invisible when you view the image but can add 1-5 MB to the file — sometimes more for RAW-converted images.&lt;/p&gt;

&lt;p&gt;Stripping metadata is the only method here that removes &lt;strong&gt;zero visual information&lt;/strong&gt;. The image looks identical, pixel-for-pixel. You just lose the hidden data.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What gets removed:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;EXIF data (camera settings, GPS location, date/time)&lt;/li&gt;
&lt;li&gt;IPTC data (captions, copyright notices)&lt;/li&gt;
&lt;li&gt;XMP data (editing history)&lt;/li&gt;
&lt;li&gt;Embedded thumbnails&lt;/li&gt;
&lt;li&gt;ICC color profiles (optional — keep these if color accuracy matters for print)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is also a privacy win: you probably do not want GPS coordinates embedded in every image you post online.&lt;/p&gt;

&lt;p&gt;Check our guide on &lt;a href="https://pixotter.com/blog/remove-metadata-from-image/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;removing metadata from images&lt;/a&gt; for step-by-step details.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 4: Reduce Pixel Dimensions
&lt;/h2&gt;

&lt;p&gt;Resizing is the most aggressive approach, but sometimes it is exactly what you need. A 6000x4000 photo from a modern phone is 24 megapixels — far more than any screen can display at once. For web use, 1920px wide covers a full-HD monitor. For email, 1200px wide is plenty.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When to resize:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The image is larger than its display size (e.g., 4000px image displayed at 800px on a blog).&lt;/li&gt;
&lt;li&gt;You are sending photos casually and do not need print-quality resolution.&lt;/li&gt;
&lt;li&gt;A platform rejects the image for pixel dimensions (rare, but some do).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;When NOT to resize:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You plan to print the image later.&lt;/li&gt;
&lt;li&gt;You need to crop a specific region and still have enough detail.&lt;/li&gt;
&lt;li&gt;The image is already at or below the display size.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Combine resizing with compression for maximum reduction. A 6000x4000 JPEG at 8 MB becomes a 1920x1280 JPEG at 80% quality — roughly 300 KB. That is a 96% reduction.&lt;/p&gt;

&lt;p&gt;For practical walkthroughs, see &lt;a href="https://pixotter.com/blog/reduce-photo-file-size/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to reduce photo file size&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 5: Use Pixotter (All of the Above, One Step)
&lt;/h2&gt;

&lt;p&gt;Each method above works in isolation, but the biggest reductions come from stacking them. &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compress tool&lt;/a&gt; lets you set a target file size — say, 500 KB — and handles the optimization automatically. Compression, format selection, and metadata stripping happen in one pass.&lt;/p&gt;

&lt;p&gt;Everything runs in your browser via WebAssembly. No server upload, no waiting, no privacy concerns. Drop your image, set the target, download the result.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What makes this different from other tools:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Target-based compression.&lt;/strong&gt; Set "500 KB" and Pixotter finds the right quality level. No guessing slider positions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Client-side processing.&lt;/strong&gt; Your images never leave your device.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multiple operations in one step.&lt;/strong&gt; Compress + convert + strip metadata without visiting three separate websites.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Comparison: Which Method Reduces the Most?
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Method&lt;/th&gt;
&lt;th&gt;Typical File Size Reduction&lt;/th&gt;
&lt;th&gt;Quality Impact&lt;/th&gt;
&lt;th&gt;Best When&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Compression (quality slider)&lt;/td&gt;
&lt;td&gt;50-80%&lt;/td&gt;
&lt;td&gt;Low at 75-85% quality&lt;/td&gt;
&lt;td&gt;You want the same format and dimensions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Format conversion&lt;/td&gt;
&lt;td&gt;25-90% (depends on source format)&lt;/td&gt;
&lt;td&gt;None to low&lt;/td&gt;
&lt;td&gt;Source is PNG/BMP/TIFF or you can use WebP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Strip metadata&lt;/td&gt;
&lt;td&gt;1-15%&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;td&gt;Every time — no reason not to&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Reduce dimensions&lt;/td&gt;
&lt;td&gt;40-95%&lt;/td&gt;
&lt;td&gt;Resolution loss&lt;/td&gt;
&lt;td&gt;Image is much larger than display size&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pixotter (combined)&lt;/td&gt;
&lt;td&gt;70-97%&lt;/td&gt;
&lt;td&gt;Low (targeted)&lt;/td&gt;
&lt;td&gt;You want the smallest file with least effort&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;The stacking effect:&lt;/strong&gt; Stripping metadata alone saves a modest amount. But strip metadata + convert PNG to WebP + compress to 80% quality? That can turn a 15 MB screenshot into a 200 KB file.&lt;/p&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;h3&gt;
  
  
  How do I make an image MB smaller without losing quality?
&lt;/h3&gt;

&lt;p&gt;Strip metadata first — it removes zero visual data. Then try lossless compression (PNG optimization or WebP lossless). If you need more reduction, lossy compression at 80-85% quality is visually indistinguishable from the original for most images.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the fastest way to reduce image file size?
&lt;/h3&gt;

&lt;p&gt;Drop your image into &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compress tool&lt;/a&gt;, type your target size, and download. The entire process takes under five seconds and runs locally in your browser.&lt;/p&gt;

&lt;h3&gt;
  
  
  Does converting PNG to JPEG reduce file size?
&lt;/h3&gt;

&lt;p&gt;Yes, significantly. PNGs store every pixel losslessly, which makes them large for photos. Converting a photo from PNG to JPEG at 85% quality typically reduces file size by 60-80%.&lt;/p&gt;

&lt;h3&gt;
  
  
  How small can I make a photo without it looking bad?
&lt;/h3&gt;

&lt;p&gt;For web use, a 1200px-wide JPEG at 80% quality lands around 150-400 KB and looks sharp on any screen. Below 60% quality or below 800px wide, most people start noticing degradation.&lt;/p&gt;

&lt;h3&gt;
  
  
  Is WebP better than JPEG for smaller files?
&lt;/h3&gt;

&lt;p&gt;WebP produces files 25-35% smaller than JPEG at equivalent visual quality. It also supports transparency and animation. The only downside is that a few older applications do not open WebP files — but every modern browser does.&lt;/p&gt;

&lt;h3&gt;
  
  
  Does removing metadata change how my image looks?
&lt;/h3&gt;

&lt;p&gt;No. Metadata is invisible information embedded in the file (camera settings, GPS, timestamps). Stripping it removes data but changes nothing about the image you see. The pixels stay identical.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrapping Up
&lt;/h2&gt;

&lt;p&gt;Making an image MB smaller comes down to four levers: compress harder, convert smarter, strip hidden data, and resize when appropriate. Start with the least destructive option (metadata removal), layer on compression and format conversion, and only resize if you genuinely do not need the extra pixels.&lt;/p&gt;

&lt;p&gt;Or skip the decision tree entirely — &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;drop your image into Pixotter&lt;/a&gt; and set your target size. One step, done in seconds, nothing leaves your browser.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>images</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Upscale an Image in Photoshop (3 Methods, 2025)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Wed, 06 May 2026 23:02:14 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-upscale-an-image-in-photoshop-3-methods-2025-k65</link>
      <guid>https://forem.com/pixotter/how-to-upscale-an-image-in-photoshop-3-methods-2025-k65</guid>
      <description>&lt;h1&gt;
  
  
  How to Upscale an Image in Photoshop (3 Methods, 2025)
&lt;/h1&gt;

&lt;p&gt;You have a 600 x 400 px image and need it at 2400 x 1600 px. Stretching it in &lt;strong&gt;Image Size&lt;/strong&gt; gives you a blurry mess. Photoshop 2025 (v26.x) has three AI-powered upscaling methods that actually add convincing detail instead of smearing pixels. Each one works differently, produces different results, and suits different situations.&lt;/p&gt;

&lt;p&gt;Here is what each method does, when to pick it, and exactly how to use it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Comparison: 3 Photoshop Upscaling Methods at a Glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;Super Resolution (Camera Raw)&lt;/th&gt;
&lt;th&gt;Preserve Details 2.0 (Image Size)&lt;/th&gt;
&lt;th&gt;Neural Filters (Super Zoom)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Max upscale&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;2x linear (4x total pixels)&lt;/td&gt;
&lt;td&gt;Unlimited (manual entry)&lt;/td&gt;
&lt;td&gt;Up to 4x&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;AI model&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Adobe Sensei (dedicated)&lt;/td&gt;
&lt;td&gt;Machine learning resampling&lt;/td&gt;
&lt;td&gt;Adobe Sensei neural network&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Input formats&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;RAW, JPEG, TIFF, PNG&lt;/td&gt;
&lt;td&gt;Any open document&lt;/td&gt;
&lt;td&gt;Any open document&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Best for&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;RAW files, photos needing maximum detail&lt;/td&gt;
&lt;td&gt;General-purpose enlargement, precise control&lt;/td&gt;
&lt;td&gt;Heavy upscaling (3-4x), recovering lost detail&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Speed&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;5-30 sec depending on file size&lt;/td&gt;
&lt;td&gt;Instant preview, fast apply&lt;/td&gt;
&lt;td&gt;10-60 sec (cloud-processed)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Non-destructive&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Yes (creates new DNG)&lt;/td&gt;
&lt;td&gt;No (modifies canvas)&lt;/td&gt;
&lt;td&gt;Optional (new layer)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Quality (2x upscale)&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Excellent — sharpest edges, best texture&lt;/td&gt;
&lt;td&gt;Very good — slight softness on fine detail&lt;/td&gt;
&lt;td&gt;Good — occasional artifacts on text/patterns&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Requires internet&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Yes (cloud processing)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Method 1: Super Resolution (Camera Raw)
&lt;/h2&gt;

&lt;p&gt;Super Resolution doubles the linear resolution of your image — a 3000 x 2000 px photo becomes 6000 x 4000 px. Adobe trained this model specifically on photographic detail, so it excels at recovering texture, hair, fabric weave, and foliage.&lt;/p&gt;

&lt;p&gt;This method works on RAW files, JPEGs, TIFFs, and PNGs. It produces a new DNG file, leaving your original untouched.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Open the image in Camera Raw.&lt;/strong&gt; If you have a RAW file, double-click it and Photoshop opens Camera Raw automatically. For JPEG/PNG/TIFF: right-click the file in your OS, select &lt;strong&gt;Open With &amp;gt; Adobe Photoshop 2025&lt;/strong&gt;, then go to &lt;strong&gt;Filter &amp;gt; Camera Raw Filter&lt;/strong&gt; (or press &lt;strong&gt;Shift + Ctrl/Cmd + A&lt;/strong&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Right-click the image preview&lt;/strong&gt; and select &lt;strong&gt;Enhance&lt;/strong&gt; from the context menu. Alternatively, click the three-dot menu (⋯) in the filmstrip and choose &lt;strong&gt;Enhance&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Check the "Super Resolution" box&lt;/strong&gt; in the Enhance Preview dialog. You will see a side-by-side preview — hover over detailed areas (hair, text, patterns) to evaluate quality before committing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Click Enhance.&lt;/strong&gt; Processing takes 5-30 seconds depending on file size and your hardware. Photoshop creates a new DNG file alongside your original with &lt;code&gt;-Enhanced&lt;/code&gt; appended to the filename.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Open the enhanced DNG&lt;/strong&gt; in Photoshop for further editing, or export directly from Camera Raw.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to use Super Resolution
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;You are working with a RAW file and want the absolute best quality.&lt;/li&gt;
&lt;li&gt;You need a clean 2x upscale of a photo (landscapes, portraits, product shots).&lt;/li&gt;
&lt;li&gt;You want a non-destructive workflow — the original stays untouched.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;p&gt;Super Resolution caps at 2x linear (4x total pixel count). If you need more, you can run Super Resolution and then apply Preserve Details 2.0 on top, but expect diminishing returns.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 2: Preserve Details 2.0 (Image Size)
&lt;/h2&gt;

&lt;p&gt;Preserve Details 2.0 is Photoshop's built-in resampling algorithm, available in the &lt;strong&gt;Image Size&lt;/strong&gt; dialog. It uses machine learning to add detail during upscaling, and it gives you precise control over the exact output dimensions.&lt;/p&gt;

&lt;p&gt;Unlike Super Resolution, this method modifies your document directly. Duplicate the layer or use &lt;strong&gt;Image &amp;gt; Duplicate&lt;/strong&gt; first if you want to keep the original.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Open your image&lt;/strong&gt; in Photoshop 2025 (v26.x).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Go to Image &amp;gt; Image Size&lt;/strong&gt; (or press &lt;strong&gt;Alt/Option + Ctrl/Cmd + I&lt;/strong&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Set the resampling method.&lt;/strong&gt; Click the &lt;strong&gt;Resample&lt;/strong&gt; dropdown at the bottom of the dialog and select &lt;strong&gt;Preserve Details 2.0&lt;/strong&gt;. If you do not see this option, go to &lt;strong&gt;Preferences &amp;gt; Technology Previews&lt;/strong&gt; and enable &lt;strong&gt;Enable Preserve Details 2.0 Upscale&lt;/strong&gt; (it ships enabled by default in v26.x, but confirm).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Enter your target dimensions.&lt;/strong&gt; Type the width or height you need. Keep the chain-link icon locked to maintain aspect ratio. You can also enter a percentage — 200% doubles the size.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Adjust the Noise Reduction slider.&lt;/strong&gt; Preserve Details 2.0 adds a noise reduction control (0-100%). For clean originals, keep it at 0-10%. For noisy photos (high ISO, phone cameras in low light), push it to 30-60%. Over-reducing noise softens detail, so check the preview at 100% zoom.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Check the preview.&lt;/strong&gt; Click inside the preview window and drag to inspect critical areas — edges, text, fine textures. Compare against the original at the same zoom level.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Click OK&lt;/strong&gt; to apply.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to use Preserve Details 2.0
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;You need a specific output dimension (not just 2x).&lt;/li&gt;
&lt;li&gt;The source is a JPEG, PNG, or screenshot rather than a RAW file.&lt;/li&gt;
&lt;li&gt;You want quick results with a live preview and fine-tuned noise control.&lt;/li&gt;
&lt;li&gt;You are upscaling illustrations, UI mockups, or graphics (not just photos).&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;p&gt;Preserve Details 2.0 modifies the document in place — there is no separate output file. Heavy upscaling (beyond 3-4x) introduces visible softness. For extreme enlargements, stack it with Super Resolution or use Neural Filters instead.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3: Neural Filters (Super Zoom)
&lt;/h2&gt;

&lt;p&gt;Neural Filters use cloud-based AI models to upscale images. The &lt;strong&gt;Super Zoom&lt;/strong&gt; filter specifically targets upscaling and can push beyond 2x while attempting to reconstruct fine detail that the other methods might miss.&lt;/p&gt;

&lt;p&gt;This method requires an internet connection because processing happens on Adobe's servers.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Open your image&lt;/strong&gt; in Photoshop 2025 (v26.x).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Go to Filter &amp;gt; Neural Filters.&lt;/strong&gt; The Neural Filters workspace opens.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Find Super Zoom&lt;/strong&gt; in the filter list. If it is not downloaded, click the cloud icon to download the model (one-time, approximately 150 MB).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Enable Super Zoom&lt;/strong&gt; by toggling it on. Set your zoom level — options range from 1x to 4x. Start with 2x to evaluate quality.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Toggle "Enhance Face Detail"&lt;/strong&gt; if your image contains faces. This sub-model specifically targets facial features and produces noticeably sharper eyes, skin texture, and hair at the cost of occasional over-sharpening.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Choose the output mode.&lt;/strong&gt; Select &lt;strong&gt;New Layer&lt;/strong&gt; to keep the original intact, or &lt;strong&gt;Current Layer&lt;/strong&gt; to replace it. New Layer is the safer choice.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Click OK.&lt;/strong&gt; Processing takes 10-60 seconds, depending on image size and Adobe's server load. Progress displays in the bottom-left corner.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to use Neural Filters
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;You need 3x or 4x upscaling and the other methods produce too much softness.&lt;/li&gt;
&lt;li&gt;The image contains faces and you want enhanced facial detail recovery.&lt;/li&gt;
&lt;li&gt;You are upscaling a heavily compressed JPEG where other methods amplify compression artifacts.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;p&gt;Neural Filters require an active internet connection and an Adobe Creative Cloud subscription. Processing time is unpredictable — during peak hours, expect delays. The AI can introduce artifacts on repeating patterns (brick walls, fabric weaves, chain-link fences). Always inspect at 100% zoom before committing.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which Method Produces the Best Results?
&lt;/h2&gt;

&lt;p&gt;The short answer: &lt;strong&gt;Super Resolution wins for 2x photo upscaling.&lt;/strong&gt; It produces the sharpest edges, best texture recovery, and fewest artifacts. Adobe trained this model specifically for photographic enlargement, and it shows.&lt;/p&gt;

&lt;p&gt;For a more nuanced breakdown:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;At 2x upscale (the most common scenario):&lt;/strong&gt;&lt;br&gt;
Super Resolution &amp;gt; Preserve Details 2.0 &amp;gt; Neural Filters. The gap between Super Resolution and Preserve Details 2.0 is small — you will only notice it at 100% zoom on fine textures like hair and fabric. Neural Filters trail slightly, with occasional over-sharpening on edges.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;At 3-4x upscale:&lt;/strong&gt;&lt;br&gt;
Neural Filters &amp;gt; Super Resolution + Preserve Details 2.0 stacked &amp;gt; Preserve Details 2.0 alone. At extreme enlargements, Neural Filters' cloud model handles detail hallucination better. Stacking Super Resolution (2x) and then Preserve Details 2.0 (another 1.5-2x) is a solid second choice.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;For RAW files:&lt;/strong&gt;&lt;br&gt;
Super Resolution is the clear winner. It works in Camera Raw's native pipeline, preserves the RAW advantage (more color data, less compression), and produces a DNG you can continue editing non-destructively.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;For illustrations and graphics:&lt;/strong&gt;&lt;br&gt;
Preserve Details 2.0 with noise reduction at 0%. The other methods are trained on photographic content and can introduce unwanted texture into flat-color areas.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;For faces:&lt;/strong&gt;&lt;br&gt;
Neural Filters with "Enhance Face Detail" enabled. The dedicated face model recovers eye detail and skin texture that the other methods smooth over.&lt;/p&gt;

&lt;h2&gt;
  
  
  When Upscaling Is Not the Answer
&lt;/h2&gt;

&lt;p&gt;AI upscaling is impressive, but it has hard limits. The algorithm is predicting what higher-resolution detail &lt;em&gt;might&lt;/em&gt; look like — it cannot recover information that was never captured. Be honest with yourself about these scenarios:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The source is tiny.&lt;/strong&gt; A 100 x 100 px thumbnail upscaled to 800 x 800 px will look AI-generated no matter which method you use. Below approximately 500 px on the long edge, upscaling produces more hallucination than recovery.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You need pixel-accurate detail.&lt;/strong&gt; Legal documents, medical imaging, scientific photography, evidence photos — any context where fabricated detail is a liability. AI upscaling invents plausible detail. Plausible is not accurate.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The image is heavily compressed.&lt;/strong&gt; A JPEG saved at quality 10 has already destroyed most of the information. Upscaling amplifies compression artifacts (blocking, ringing, color banding). Garbage in, larger garbage out.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You can reshoot.&lt;/strong&gt; If the subject is still available and you can take the photo again at the resolution you need, that will always beat upscaling. A real 4000 px photo contains real detail. An upscaled 4000 px photo contains predictions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You just need a different size for web.&lt;/strong&gt; If you are resizing images for a website, email, or social media — where the output is displayed at screen resolution and does not need enhanced detail — you do not need Photoshop's AI upscaling at all. A standard resize does the job faster. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles this in your browser in seconds, no Photoshop required.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Resize Without Photoshop
&lt;/h2&gt;

&lt;p&gt;Not every resize needs AI upscaling. If you are preparing images for the web — blog headers, social media posts, email banners, e-commerce thumbnails — you need fast, accurate resizing without the overhead of opening Photoshop.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; resizes images directly in your browser using WebAssembly. Drop your image, pick your target dimensions (or choose a preset for Instagram, Twitter/X, LinkedIn, etc.), and download the result. Processing happens client-side, so your images never leave your device.&lt;/p&gt;

&lt;p&gt;It also handles &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compression&lt;/a&gt;, format conversion, and background removal in the same pipeline. One upload, multiple operations, one download.&lt;/p&gt;

&lt;p&gt;When to reach for Pixotter instead of Photoshop:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You need to resize 10+ images to the same dimensions quickly.&lt;/li&gt;
&lt;li&gt;You are on a machine without Photoshop installed.&lt;/li&gt;
&lt;li&gt;The image is already large enough and you just need it at specific dimensions for a platform.&lt;/li&gt;
&lt;li&gt;You want to resize, compress, and convert format in a single step.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Resize images without Photoshop&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Pixotter resizes, compresses, and converts images in your browser — no install, no subscription.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/resize/"&gt;Resize Now →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Does upscaling in Photoshop actually add detail?
&lt;/h3&gt;

&lt;p&gt;Yes, but with a caveat. Photoshop's AI models (Super Resolution, Preserve Details 2.0, Neural Filters) predict what higher-resolution detail would look like based on patterns learned from millions of images. The added detail is convincing and usually indistinguishable from real captured detail at normal viewing distances. At extreme zoom, trained eyes can spot AI-generated textures. For print, web, and social media use, the results are production-ready.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the maximum upscale Photoshop supports?
&lt;/h3&gt;

&lt;p&gt;Super Resolution caps at 2x linear (4x total pixels). Preserve Details 2.0 has no hard cap — you can enter any dimensions, though quality degrades past 3-4x. Neural Filters support up to 4x. For extreme enlargements, stack methods: Super Resolution first (2x), then Preserve Details 2.0 for the remaining factor. See our guide on &lt;a href="https://pixotter.com/blog/resize-image-without-losing-quality/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resizing without losing quality&lt;/a&gt; for more techniques.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I upscale a JPEG, or does it only work with RAW files?
&lt;/h3&gt;

&lt;p&gt;All three methods work with JPEG, PNG, and TIFF files. Super Resolution was originally RAW-only but Adobe expanded support to JPEG, PNG, and TIFF in Photoshop v24.x and later. That said, RAW files produce better results because they contain more color data and have no compression artifacts for the AI to amplify. Learn more about &lt;a href="https://pixotter.com/blog/what-is-image-resolution/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;image resolution&lt;/a&gt; and how it affects upscaling outcomes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Is "Enhance" in Camera Raw the same as Super Resolution?
&lt;/h3&gt;

&lt;p&gt;Yes. When you right-click an image in Camera Raw and select &lt;strong&gt;Enhance&lt;/strong&gt;, the Super Resolution checkbox in the resulting dialog is the feature. "Enhance" is the menu label; "Super Resolution" is the technology name. They are the same thing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Does upscaling increase DPI?
&lt;/h3&gt;

&lt;p&gt;Upscaling increases pixel dimensions. DPI (dots per inch) is a print setting that maps pixels to physical size. If you upscale a 3000 x 2000 px image at 300 DPI to 6000 x 4000 px and keep DPI at 300, your print size doubles. If you keep the print size the same and let DPI increase, you get 600 DPI at the original physical size. You control this relationship in &lt;strong&gt;Image &amp;gt; Image Size&lt;/strong&gt; by unchecking &lt;strong&gt;Resample&lt;/strong&gt; and adjusting the DPI field. Check out our guide on &lt;a href="https://pixotter.com/blog/how-to-increase-image-dpi/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to increase image DPI&lt;/a&gt; for detailed steps.&lt;/p&gt;

&lt;h3&gt;
  
  
  Should I upscale before or after editing?
&lt;/h3&gt;

&lt;p&gt;Upscale first. Edits like sharpening, noise reduction, and color grading work better on higher-resolution files because they have more pixel data to work with. If you sharpen first and then upscale, the AI may amplify sharpening halos. If you upscale first and then sharpen, you get cleaner results.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrapping Up
&lt;/h2&gt;

&lt;p&gt;Photoshop 2025 (v26.x) gives you three distinct paths for upscaling: &lt;strong&gt;Super Resolution&lt;/strong&gt; for the best quality on photos, &lt;strong&gt;Preserve Details 2.0&lt;/strong&gt; for precise dimension control, and &lt;strong&gt;Neural Filters&lt;/strong&gt; for heavy enlargements and face recovery. Pick the method that matches your source material and target use case — and remember that reshooting beats upscaling every time you have the option.&lt;/p&gt;

&lt;p&gt;For everyday resizing that does not need AI enhancement — web images, social media, email headers — skip Photoshop entirely. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles it in seconds, right in your browser. If you are working in Photoshop regularly, our &lt;a href="https://pixotter.com/blog/how-to-resize-image-in-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop resize guide&lt;/a&gt; covers non-AI resizing workflows in detail, and our &lt;a href="https://pixotter.com/blog/photo-enlarger/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;photo enlarger guide&lt;/a&gt; explores dedicated enlargement tools beyond Photoshop.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>images</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Edit a Screenshot on Chromebook (2026 Guide)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Wed, 06 May 2026 14:07:08 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-edit-a-screenshot-on-chromebook-2026-guide-31ld</link>
      <guid>https://forem.com/pixotter/how-to-edit-a-screenshot-on-chromebook-2026-guide-31ld</guid>
      <description>&lt;h1&gt;
  
  
  How to Edit a Screenshot on Chromebook (2026 Guide)
&lt;/h1&gt;

&lt;p&gt;ChromeOS has solid built-in screenshot editing tools — most people just never find them. You can capture, crop, annotate, and share a screenshot without installing a single app or extension. And when you need more advanced edits like resizing, format conversion, or batch processing, web-based tools fill the gap perfectly because Chromebooks run everything through the browser anyway.&lt;/p&gt;

&lt;p&gt;Here is how to edit a screenshot on Chromebook, from the quickest built-in method to full-featured web editors.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method Comparison
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Method&lt;/th&gt;
&lt;th&gt;Crop&lt;/th&gt;
&lt;th&gt;Annotate&lt;/th&gt;
&lt;th&gt;Resize&lt;/th&gt;
&lt;th&gt;Convert Format&lt;/th&gt;
&lt;th&gt;Batch Edit&lt;/th&gt;
&lt;th&gt;Cost&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;strong&gt;Gallery App&lt;/strong&gt; (built-in)&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;strong&gt;Google Photos&lt;/strong&gt; (web)&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes (basic)&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;strong&gt;Pixotter&lt;/strong&gt; (web)&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;strong&gt;Photopea&lt;/strong&gt; (web)&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Free (ads)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Quick recommendation:&lt;/strong&gt; For cropping and annotating a single screenshot, the Gallery app is fastest — it is already on your Chromebook. For resizing, format conversion, or editing multiple screenshots at once, &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; handles it in your browser with no uploads to external servers.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Take a Screenshot on Chromebook
&lt;/h2&gt;

&lt;p&gt;Before you can edit, you need to capture. ChromeOS (version 130+) offers two approaches.&lt;/p&gt;

&lt;h3&gt;
  
  
  Keyboard Shortcuts
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Full screen:&lt;/strong&gt; Press &lt;code&gt;Ctrl + Show Windows&lt;/code&gt; (the rectangle-with-two-lines key, top row). The entire screen is captured and saved to your Downloads folder.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Partial screen:&lt;/strong&gt; Press &lt;code&gt;Ctrl + Shift + Show Windows&lt;/code&gt;, then click and drag to select the area you want to capture. This is often faster than taking a full screenshot and cropping later.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Single window:&lt;/strong&gt; Press &lt;code&gt;Ctrl + Alt + Show Windows&lt;/code&gt;, then click the window you want to capture.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Screen Capture Toolbar
&lt;/h3&gt;

&lt;p&gt;Press &lt;code&gt;Ctrl + Shift + Show Windows&lt;/code&gt; or click the clock in the bottom-right corner, then select &lt;strong&gt;Screen capture&lt;/strong&gt;. The Screen Capture toolbar appears at the bottom of the screen with options for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Screenshot or screen recording&lt;/strong&gt; (toggle at the left)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Full screen, partial, or window&lt;/strong&gt; capture (three icons in the center)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Settings gear&lt;/strong&gt; for timer delay and microphone options&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;After capturing, a notification pops up in the bottom-right corner. Click the notification thumbnail to open the screenshot directly in the Gallery app for editing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Where screenshots are saved:&lt;/strong&gt; By default, ChromeOS saves screenshots to &lt;code&gt;Downloads/&lt;/code&gt;. You can change this by clicking the gear icon in the Screen Capture toolbar and selecting a different folder or your Google Drive.&lt;/p&gt;

&lt;h2&gt;
  
  
  Edit Screenshots with the Gallery App
&lt;/h2&gt;

&lt;p&gt;The Gallery app is ChromeOS's built-in image editor. It opens automatically when you click a screenshot notification, or you can find it in the app launcher.&lt;/p&gt;

&lt;h3&gt;
  
  
  Open Your Screenshot
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Click the screenshot notification that appears after capture, &lt;strong&gt;or&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Open the &lt;strong&gt;Files&lt;/strong&gt; app → &lt;strong&gt;Downloads&lt;/strong&gt; → double-click the screenshot. It opens in Gallery by default.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Crop
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Click the &lt;strong&gt;Crop &amp;amp; Rotate&lt;/strong&gt; icon in the toolbar (overlapping right angles).&lt;/li&gt;
&lt;li&gt;Drag the corner handles to select the area you want to keep.&lt;/li&gt;
&lt;li&gt;Use the &lt;strong&gt;aspect ratio&lt;/strong&gt; dropdown to lock proportions — Free, Square, or preset ratios.&lt;/li&gt;
&lt;li&gt;Click the checkmark to apply.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Cropping is the most common screenshot edit. If you grabbed the full screen but only need one dialog box or one section of a webpage, crop out everything else. For more precise cropping with custom dimensions or batch processing, &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt; lets you enter exact pixel values and crop multiple screenshots at once.&lt;/p&gt;

&lt;h3&gt;
  
  
  Annotate
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Click the &lt;strong&gt;Annotate&lt;/strong&gt; icon (pencil) in the toolbar.&lt;/li&gt;
&lt;li&gt;Choose your tool: &lt;strong&gt;Pen&lt;/strong&gt;, &lt;strong&gt;Highlighter&lt;/strong&gt;, or &lt;strong&gt;Text&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Pick a color and line thickness from the options bar.&lt;/li&gt;
&lt;li&gt;Draw directly on the screenshot — circle a button, underline text, add a label.&lt;/li&gt;
&lt;li&gt;Use &lt;strong&gt;Undo&lt;/strong&gt; (&lt;code&gt;Ctrl + Z&lt;/code&gt;) to remove mistakes.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Annotations are great for bug reports, tutorials, or highlighting something before sharing with a coworker. The pen tool works with both trackpad and touchscreen. If your Chromebook has a stylus (like the Pixelbook or Lenovo Duet), the pressure sensitivity makes annotations feel natural.&lt;/p&gt;

&lt;h3&gt;
  
  
  Rotate and Flip
&lt;/h3&gt;

&lt;p&gt;Click the &lt;strong&gt;Crop &amp;amp; Rotate&lt;/strong&gt; icon, then use the rotation controls:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Rotate 90°&lt;/strong&gt; clockwise or counterclockwise&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Flip&lt;/strong&gt; horizontally (mirror)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These are useful when a screenshot captured a sideways mobile preview or when you need to mirror an interface element.&lt;/p&gt;

&lt;h3&gt;
  
  
  Resize
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Click the three-dot menu (⋮) in the top-right corner.&lt;/li&gt;
&lt;li&gt;Select &lt;strong&gt;Rescale&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Enter new dimensions. The aspect ratio locks by default — change the width and the height adjusts automatically.&lt;/li&gt;
&lt;li&gt;Click the checkmark to apply.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The Gallery rescaling is basic — it works for simple dimension changes but does not let you target a specific file size or choose a resampling algorithm. For screenshots that need to hit a specific file size (email attachment limits, CMS upload limits), use &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; which lets you target dimensions or file size.&lt;/p&gt;

&lt;h3&gt;
  
  
  Save
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Save&lt;/strong&gt; (&lt;code&gt;Ctrl + S&lt;/code&gt;) overwrites the original screenshot.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Save as&lt;/strong&gt; (&lt;code&gt;Ctrl + Shift + S&lt;/code&gt;) creates a new copy.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Always use &lt;strong&gt;Save as&lt;/strong&gt; if you might need the original later. ChromeOS does not have a built-in version history for local files.&lt;/p&gt;

&lt;h2&gt;
  
  
  Edit Screenshots with Google Photos
&lt;/h2&gt;

&lt;p&gt;If you back up your Chromebook photos to Google Photos, you can edit screenshots there too. This works well when you want edits synced across devices.&lt;/p&gt;

&lt;h3&gt;
  
  
  Steps
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open &lt;a href="https://photos.google.com" rel="noopener noreferrer"&gt;photos.google.com&lt;/a&gt; in Chrome (or the Google Photos Android app if your Chromebook supports it).&lt;/li&gt;
&lt;li&gt;Find the screenshot in your library. If it has not synced yet, upload it manually.&lt;/li&gt;
&lt;li&gt;Click the screenshot to open it, then click &lt;strong&gt;Edit&lt;/strong&gt; (sliders icon).&lt;/li&gt;
&lt;li&gt;Use the &lt;strong&gt;Crop&lt;/strong&gt; tab to crop and rotate.&lt;/li&gt;
&lt;li&gt;Use the &lt;strong&gt;Markup&lt;/strong&gt; tool (available on the mobile app and in the web editor under &lt;strong&gt;More&lt;/strong&gt;) to draw, highlight, or add text.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Save copy&lt;/strong&gt; to keep the original intact.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Limitations:&lt;/strong&gt; Google Photos is best for quick crops and color adjustments. The annotation tools are more limited than the Gallery app — fewer pen options, no custom colors on the web version. And if the screenshot has not synced to the cloud, you need to upload it first, which adds friction.&lt;/p&gt;

&lt;p&gt;Google Photos does apply strong compression when saving edits. If you need your screenshot at full quality (documentation, print), stick with the Gallery app or a web tool like Pixotter that preserves original quality.&lt;/p&gt;

&lt;h2&gt;
  
  
  Edit Screenshots with Web-Based Tools
&lt;/h2&gt;

&lt;p&gt;Chromebooks are built around the browser, which means web-based image editors run just as well as native apps — sometimes better. Two standout options:&lt;/p&gt;

&lt;h3&gt;
  
  
  Pixotter
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; processes images entirely in your browser using WebAssembly. Your screenshots never leave your Chromebook — there is no upload, no server processing, and no waiting.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What you can do:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;&lt;strong&gt;Crop&lt;/strong&gt;&lt;/a&gt; to exact dimensions or aspect ratios (1:1, 16:9, 4:3, custom)&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;&lt;strong&gt;Resize&lt;/strong&gt;&lt;/a&gt; to specific pixel dimensions or target file size&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;&lt;strong&gt;Convert&lt;/strong&gt;&lt;/a&gt; between PNG, JPEG, WebP, and AVIF formats&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Batch process&lt;/strong&gt; — drop 20 screenshots and crop, resize, or convert them all at once&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pixotter.com/blog/how-to-pixelate-an-image/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;&lt;strong&gt;Pixelate&lt;/strong&gt;&lt;/a&gt; sensitive information in screenshots&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pixotter.com/blog/blur-face-in-photo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;&lt;strong&gt;Blur faces&lt;/strong&gt;&lt;/a&gt; for privacy&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Since Chromebooks handle everything through Chrome, Pixotter feels like a native app. No install, no extension, no account. Open the page, drop your screenshot, edit, download.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Edit screenshots right in your Chromebook browser&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Pixotter crops, resizes, and converts screenshots — runs entirely in Chrome, no install needed.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/crop/"&gt;Edit Screenshot →&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Photopea
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://www.photopea.com" rel="noopener noreferrer"&gt;Photopea&lt;/a&gt; is a full Photoshop-style editor that runs in the browser. It is overkill for basic screenshot edits, but useful when you need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Layer-based editing (compositing multiple screenshots)&lt;/li&gt;
&lt;li&gt;Advanced selection tools (magic wand, lasso)&lt;/li&gt;
&lt;li&gt;Text with custom fonts and effects&lt;/li&gt;
&lt;li&gt;PSD file support&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Photopea is free but ad-supported. The interface mirrors Photoshop, so there is a learning curve if you have never used a professional image editor. For everyday screenshot editing, the Gallery app or Pixotter is faster.&lt;/p&gt;

&lt;h2&gt;
  
  
  ChromeOS Screenshot Keyboard Shortcuts
&lt;/h2&gt;

&lt;p&gt;Keep this reference handy. All shortcuts work on ChromeOS 130+.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Action&lt;/th&gt;
&lt;th&gt;Shortcut&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Capture full screen&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + Show Windows&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Capture partial screen&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + Shift + Show Windows&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Capture a window&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + Alt + Show Windows&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Open Screen Capture toolbar&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + Shift + Show Windows&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Copy screenshot to clipboard (instead of saving)&lt;/td&gt;
&lt;td&gt;Add &lt;code&gt;Ctrl&lt;/code&gt; to any capture shortcut&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Open Files app&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Alt + Shift + M&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Open last downloaded file&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl + J&lt;/code&gt; → click the file&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Undo (in Gallery editor)&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + Z&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Save (in Gallery editor)&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + S&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Save as (in Gallery editor)&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Ctrl + Shift + S&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; If you just need to paste a screenshot into a Google Doc, Slack message, or email, use &lt;code&gt;Ctrl + Show Windows&lt;/code&gt; to capture, then &lt;code&gt;Ctrl + V&lt;/code&gt; to paste directly from the clipboard. Skip the editing step entirely when no changes are needed.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Where are screenshots saved on Chromebook?
&lt;/h3&gt;

&lt;p&gt;By default, screenshots save to the &lt;code&gt;Downloads&lt;/code&gt; folder. You can change the save location through the Screen Capture toolbar — click the gear icon and choose a different folder or your Google Drive.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I annotate a screenshot on Chromebook without an app?
&lt;/h3&gt;

&lt;p&gt;Yes. The built-in Gallery app has pen, highlighter, and text annotation tools. Open your screenshot in Gallery, click the pencil icon, and draw or type directly on the image. No app install or extension needed.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I crop a screenshot to exact pixel dimensions?
&lt;/h3&gt;

&lt;p&gt;The Gallery app lets you crop with preset aspect ratios but not exact pixel values. For precise dimensions, use &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt; — enter the exact width and height in pixels and crop to those dimensions. It runs in your browser, so it works perfectly on Chromebooks.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I convert a screenshot from PNG to JPEG on Chromebook?
&lt;/h3&gt;

&lt;p&gt;ChromeOS saves screenshots as PNG by default. To convert to JPEG (for smaller file sizes), use &lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's convert tool&lt;/a&gt;. Drop your PNG screenshot, select JPEG as the output format, adjust quality if needed, and download. You can also convert to WebP or AVIF for even smaller files.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I edit screenshots offline on a Chromebook?
&lt;/h3&gt;

&lt;p&gt;The Gallery app works fully offline. Web-based tools like Pixotter also work offline once the page has loaded, since all processing happens locally in your browser via WebAssembly — no internet connection is needed after the initial page load.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I blur or pixelate sensitive info in a screenshot?
&lt;/h3&gt;

&lt;p&gt;The Gallery app does not have blur or pixelate tools. For &lt;a href="https://pixotter.com/blog/how-to-pixelate-an-image/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;pixelating parts of a screenshot&lt;/a&gt; or &lt;a href="https://pixotter.com/blog/blur-face-in-photo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;blurring faces&lt;/a&gt;, use a web-based editor. Pixotter offers pixelation tools, and Photopea has gaussian blur and mosaic filters.&lt;/p&gt;

&lt;h2&gt;
  
  
  Next Steps
&lt;/h2&gt;

&lt;p&gt;Your Chromebook already has everything you need for basic screenshot editing. The Gallery app handles cropping, annotating, rotating, and resizing. For batch editing, format conversion, or privacy-focused tools like pixelation, &lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; fills the gaps without leaving your browser.&lt;/p&gt;

&lt;p&gt;Looking for more screenshot workflows? Check out our guides on &lt;a href="https://pixotter.com/blog/screenshot-editor/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;screenshot editing tools&lt;/a&gt;, &lt;a href="https://pixotter.com/blog/screenshot-to-pdf/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;converting screenshots to PDF&lt;/a&gt;, and &lt;a href="https://pixotter.com/blog/how-to-crop-image-on-mac/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;cropping images on Mac&lt;/a&gt; if you work across both platforms.&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>images</category>
    </item>
    <item>
      <title>Best Photo Editing Software for Beginners (2026)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Wed, 06 May 2026 05:02:02 +0000</pubDate>
      <link>https://forem.com/pixotter/best-photo-editing-software-for-beginners-2026-4fm5</link>
      <guid>https://forem.com/pixotter/best-photo-editing-software-for-beginners-2026-4fm5</guid>
      <description>&lt;h1&gt;
  
  
  Best Photo Editing Software for Beginners (2026)
&lt;/h1&gt;

&lt;p&gt;You want to edit photos, not earn a degree in layer masks. Most "best editor" lists lead with Photoshop and Lightroom — tools that are powerful, expensive, and utterly overwhelming for someone who just wants to crop, brighten, and export a photo.&lt;/p&gt;

&lt;p&gt;Beginners need three things from photo editing software:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;A short path from opening the app to finishing the edit.&lt;/strong&gt; If the first screen has 47 buttons, you have already lost.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Guidance, not just options.&lt;/strong&gt; One-click enhancements, presets, and auto-adjustments beat manual sliders when you are still learning what each slider does.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Forgiving mistakes.&lt;/strong&gt; Non-destructive editing, undo history, and easy resets let you experiment without fear.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This list ranks eight editors by those criteria. Some are free, some are paid, all are genuinely approachable. There is a comparison table right below so you can scan before you read.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Comparison: Best Photo Editing Software for Beginners
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Software&lt;/th&gt;
&lt;th&gt;Price&lt;/th&gt;
&lt;th&gt;Platform&lt;/th&gt;
&lt;th&gt;Learning Curve&lt;/th&gt;
&lt;th&gt;Best Feature&lt;/th&gt;
&lt;th&gt;License&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Canva&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free / $120/yr Pro&lt;/td&gt;
&lt;td&gt;Web, iOS, Android&lt;/td&gt;
&lt;td&gt;Very easy&lt;/td&gt;
&lt;td&gt;Templates and drag-and-drop design&lt;/td&gt;
&lt;td&gt;Proprietary&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Pixlr X&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free / $7.99/mo Plus&lt;/td&gt;
&lt;td&gt;Web, iOS, Android&lt;/td&gt;
&lt;td&gt;Easy&lt;/td&gt;
&lt;td&gt;Browser-based with AI tools&lt;/td&gt;
&lt;td&gt;Proprietary&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Fotor&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free / $39.99/yr Pro&lt;/td&gt;
&lt;td&gt;Web, iOS, Android&lt;/td&gt;
&lt;td&gt;Easy&lt;/td&gt;
&lt;td&gt;One-tap enhance and collage maker&lt;/td&gt;
&lt;td&gt;Proprietary&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Apple Photos&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free (built-in)&lt;/td&gt;
&lt;td&gt;macOS, iOS&lt;/td&gt;
&lt;td&gt;Easy&lt;/td&gt;
&lt;td&gt;Seamless Apple ecosystem integration&lt;/td&gt;
&lt;td&gt;Proprietary&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Snapseed 2.21&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;td&gt;iOS, Android&lt;/td&gt;
&lt;td&gt;Easy-moderate&lt;/td&gt;
&lt;td&gt;Selective edits with finger-painted masks&lt;/td&gt;
&lt;td&gt;Proprietary (Google)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Photopea&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free (ads) / $5/mo&lt;/td&gt;
&lt;td&gt;Web&lt;/td&gt;
&lt;td&gt;Moderate&lt;/td&gt;
&lt;td&gt;Full PSD support in a browser&lt;/td&gt;
&lt;td&gt;Proprietary&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;GIMP 2.10.38&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;td&gt;Windows, macOS, Linux&lt;/td&gt;
&lt;td&gt;Moderate-steep&lt;/td&gt;
&lt;td&gt;Professional-grade tools, completely free&lt;/td&gt;
&lt;td&gt;GPLv3+&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Pixotter&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;td&gt;Web (any browser)&lt;/td&gt;
&lt;td&gt;Very easy&lt;/td&gt;
&lt;td&gt;Compress, resize, convert — no install&lt;/td&gt;
&lt;td&gt;Proprietary&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  1. Canva — Best for Social Media and Design-First Editing
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Canva Pty Ltd&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free tier / Canva Pro $120/year ($10/month)&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; Web app, iOS, Android, Windows, macOS desktop apps&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary&lt;/p&gt;

&lt;p&gt;Canva is less of a photo editor and more of a design tool that happens to edit photos extremely well. The magic is in the templates: pick a format (Instagram post, YouTube thumbnail, LinkedIn banner), drop your photo in, adjust, and export. No guessing about dimensions, no digging through export settings.&lt;/p&gt;

&lt;p&gt;The photo editing tools themselves are surprisingly capable. Canva includes background removal, one-click enhance, color adjustments, filters, and basic retouching. The AI-powered Magic Eraser removes unwanted objects from photos, and Magic Edit lets you describe what you want to change in plain text.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Thousands of templates with correct dimensions for every social platform&lt;/li&gt;
&lt;li&gt;Drag-and-drop interface that requires zero training&lt;/li&gt;
&lt;li&gt;Background removal built into the free tier&lt;/li&gt;
&lt;li&gt;Massive library of free stock photos, icons, and fonts&lt;/li&gt;
&lt;li&gt;Real-time collaboration — share and co-edit with teammates&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Export quality maxes out at the canvas size (no RAW support)&lt;/li&gt;
&lt;li&gt;Many premium templates and features locked behind the Pro paywall&lt;/li&gt;
&lt;li&gt;Not a pixel-level editor — you cannot do fine masking or curves adjustments&lt;/li&gt;
&lt;li&gt;Requires an account and internet connection&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Social media managers, bloggers, and small business owners who need to create share-ready graphics more than they need to pixel-edit. If your workflow is "take photo, add text, resize for Instagram, post" — Canva handles that faster than any traditional editor.&lt;/p&gt;




&lt;h2&gt;
  
  
  2. Pixlr X — Best Free Browser-Based Editor
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Inmagine Group&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free (ads + watermark on some features) / Pixlr Plus $7.99/month / Premium $12.99/month&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; Web app, iOS, Android&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary&lt;/p&gt;

&lt;p&gt;Pixlr X runs entirely in your browser and feels like a simplified Photoshop. It supports layers, masks, and blending modes — features most web editors skip — but wraps them in a clean interface that does not punish newcomers.&lt;/p&gt;

&lt;p&gt;The AI tools are the standout. AI Cutout removes backgrounds in one click. AI Infill generates content to fill gaps. The one-click filters (called "effects") are well-curated and do not look like they were imported from 2012 Instagram.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;No installation — runs in any modern browser&lt;/li&gt;
&lt;li&gt;Layer support with blend modes (rare for a free web editor)&lt;/li&gt;
&lt;li&gt;AI-powered background removal and object removal&lt;/li&gt;
&lt;li&gt;Clean, modern interface that loads fast&lt;/li&gt;
&lt;li&gt;Supports opening PSD files&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free tier shows ads and adds small watermarks on AI features&lt;/li&gt;
&lt;li&gt;Mobile apps are less polished than the web version&lt;/li&gt;
&lt;li&gt;Batch processing requires a paid plan&lt;/li&gt;
&lt;li&gt;Export options are limited compared to desktop editors&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Anyone who wants Photoshop-like capabilities without installing software or paying $22/month. The browser-based approach means you can edit on any device — Chromebook, work laptop, library computer. For optimizing photos after export, pair it with &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compressor&lt;/a&gt; to reduce file sizes before uploading.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. Fotor — Best for One-Click Photo Enhancement
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Everimaging Ltd&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free tier / Fotor Pro $39.99/year ($3.33/month) / Pro+ $89.99/year&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; Web app, iOS, Android, Windows, macOS&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary&lt;/p&gt;

&lt;p&gt;Fotor calls itself a "photo enhancement tool," and that framing is accurate. The one-tap enhance button genuinely works — it analyzes your photo and adjusts exposure, contrast, saturation, and sharpness in one shot. For most casual edits, that single button is all you need.&lt;/p&gt;

&lt;p&gt;Beyond auto-enhance, Fotor offers a solid set of manual tools: curves, HSL sliders, vignette, tilt-shift, and a good selection of filters. The collage maker is one of the best free options available — multiple layout templates with customizable spacing and borders.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;One-tap enhance that actually produces good results&lt;/li&gt;
&lt;li&gt;Clean, simple interface — not overwhelming for beginners&lt;/li&gt;
&lt;li&gt;Strong collage maker with flexible layouts&lt;/li&gt;
&lt;li&gt;Available everywhere: web, desktop, and mobile&lt;/li&gt;
&lt;li&gt;HDR effect tool built in&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free tier is limited — many tools locked behind Pro&lt;/li&gt;
&lt;li&gt;Batch editing requires Pro subscription&lt;/li&gt;
&lt;li&gt;AI features (background removal, object removal) are Pro-only&lt;/li&gt;
&lt;li&gt;Some filters feel dated compared to Canva or Pixlr&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; People who edit photos for personal use — vacation shots, family portraits, hobby photography. If your typical edit is "make this photo look better" and you want one button that does it, Fotor delivers. For photos destined for the web, run them through &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; to hit the exact pixel dimensions your site needs.&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Apple Photos — Best Built-In Editor (Apple Users)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Apple Inc.&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free (included with macOS and iOS)&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; macOS, iOS, iPadOS&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary (bundled with Apple operating systems)&lt;/p&gt;

&lt;p&gt;Apple Photos is the editor most Apple users overlook because it came free with their device. That is a mistake. The editing tools in Photos have gotten genuinely good — auto-enhance, 16 manual adjustment sliders (including curves and levels), selective color adjustments, and a retouching brush.&lt;/p&gt;

&lt;p&gt;On iOS 18 and macOS Sequoia, Apple Photos includes Clean Up — an AI-powered object removal tool that works surprisingly well for small distractions (power lines, photobombers, trash cans). The interface is the best part: every slider shows a live preview, and the compare button lets you toggle between original and edited in one tap.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Zero friction — already installed on every Apple device&lt;/li&gt;
&lt;li&gt;iCloud sync means edits appear on all your devices instantly&lt;/li&gt;
&lt;li&gt;Non-destructive editing with full revert-to-original option&lt;/li&gt;
&lt;li&gt;Clean Up (AI object removal) is impressively accurate&lt;/li&gt;
&lt;li&gt;RAW photo support on both iOS and macOS&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Apple-only — no Windows, no Android, no web version&lt;/li&gt;
&lt;li&gt;No layers, no masks, no text overlay&lt;/li&gt;
&lt;li&gt;Limited export options (no WebP or AVIF export)&lt;/li&gt;
&lt;li&gt;Cannot open PSD or other layered file formats&lt;/li&gt;
&lt;li&gt;Organizing and editing happen in the same app, which can feel cluttered with large libraries&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; iPhone and Mac users who want to edit without downloading anything extra. If you shoot on an iPhone, Apple Photos already has your library — just tap Edit. For converting Apple Photos exports to web-friendly formats like WebP or AVIF, &lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's converter&lt;/a&gt; handles it instantly in your browser.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. Snapseed 2.21 — Best Free Mobile Editor
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Google LLC&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free (no ads, no in-app purchases, no subscription)&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; iOS, Android&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary (Google)&lt;/p&gt;

&lt;p&gt;Snapseed is the app that makes paid alternatives justify their existence. Google bought it in 2012 and made it completely free — no watermarks, no subscription prompts, no feature-gated tiers. Every single tool is unlocked from the first launch.&lt;/p&gt;

&lt;p&gt;The selective editing feature is what sets Snapseed apart. Tap anywhere on your photo, then swipe to adjust brightness, contrast, or saturation in just that area. It is finger-painted masking without using the word "masking" — intuitive enough for beginners, precise enough for serious edits.&lt;/p&gt;

&lt;p&gt;There are 29 tools in total, including curves, white balance, a healing brush, perspective correction, and a solid double-exposure mode. The "Looks" feature lets you save your favorite edit combinations as reusable presets.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Completely free with no catch — no ads, no watermarks, no paywalls&lt;/li&gt;
&lt;li&gt;29 editing tools that rival paid desktop software&lt;/li&gt;
&lt;li&gt;Selective editing with intuitive finger-painting interface&lt;/li&gt;
&lt;li&gt;Non-destructive editing with full undo history&lt;/li&gt;
&lt;li&gt;Exports at full resolution&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Development has slowed — no major feature updates since 2022, and the interface looks dated&lt;/li&gt;
&lt;li&gt;No AI-powered object removal (only a manual healing brush)&lt;/li&gt;
&lt;li&gt;No desktop version — mobile only&lt;/li&gt;
&lt;li&gt;No layer support&lt;/li&gt;
&lt;li&gt;Batch editing is not possible&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Mobile photographers who want powerful editing without paying anything. Snapseed is genuinely professional-grade on a phone. The learning curve is slightly steeper than Canva or Fotor, but the payoff is much greater control. Check out our &lt;a href="https://pixotter.com/blog/best-photo-editing-app-android/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;best photo editing apps for Android&lt;/a&gt; guide for more mobile options.&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Photopea — Best Free Photoshop Alternative in a Browser
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Ivan Kutskir&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free (ad-supported) / $5/month for ad-free&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; Web app (any modern browser)&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary (free to use, closed-source)&lt;/p&gt;

&lt;p&gt;Photopea looks like Photoshop, behaves like Photoshop, and opens actual PSD files — all in a browser tab with no installation. It is built and maintained by a single developer (Ivan Kutskir), which is both impressive and relevant: updates ship fast, but feature requests go through one person.&lt;/p&gt;

&lt;p&gt;This is the editor for beginners who know they will eventually need professional features. The interface mirrors Photoshop closely enough that any Photoshop tutorial on YouTube translates directly to Photopea. Layers, masks, blend modes, pen tool, smart objects, adjustment layers — it is all here.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Full PSD, XCF, Sketch, and XD file support in a browser&lt;/li&gt;
&lt;li&gt;Layer support with masks, blend modes, and adjustment layers&lt;/li&gt;
&lt;li&gt;Pen tool, clone stamp, healing brush — the full professional toolkit&lt;/li&gt;
&lt;li&gt;Works offline (can be installed as a PWA)&lt;/li&gt;
&lt;li&gt;Free with no watermark on exports&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The Photoshop-style interface is more complex than beginner-focused editors&lt;/li&gt;
&lt;li&gt;Ad-supported free tier (ads disappear with the $5/month plan)&lt;/li&gt;
&lt;li&gt;Performance can lag with very large files (50+ layers, 100MP+ images)&lt;/li&gt;
&lt;li&gt;No mobile app — browser-only, and the interface is cramped on small screens&lt;/li&gt;
&lt;li&gt;Single-developer project — bus factor of one&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Students learning photo editing who cannot afford Photoshop, and beginners who want to follow Photoshop tutorials without the subscription. If you need Photoshop's power but not its price tag, Photopea is the answer. For a deeper comparison of free alternatives to Adobe, see our &lt;a href="https://pixotter.com/blog/photoshop-vs-gimp/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop vs GIMP&lt;/a&gt; breakdown.&lt;/p&gt;




&lt;h2&gt;
  
  
  7. GIMP 2.10.38 — Best Open-Source Desktop Editor
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; The GIMP Development Team&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; Windows, macOS, Linux&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; GPLv3+ (fully open-source)&lt;/p&gt;

&lt;p&gt;GIMP (GNU Image Manipulation Program) is the most powerful free photo editor available. It supports layers, masks, custom brushes, Python/Script-Fu scripting, and a plugin ecosystem that extends it in almost any direction. If Photoshop can do it, GIMP can probably do it too — just differently.&lt;/p&gt;

&lt;p&gt;The honest take for beginners: GIMP is harder to learn than anything else on this list. The interface has improved significantly in 2.10.x (single-window mode, better tool options), but it still assumes you know what a floating selection is. The documentation is thorough, and the community is active, but you will spend time reading it.&lt;/p&gt;

&lt;p&gt;That said, GIMP is worth learning if you plan to edit photos regularly and do not want to pay for software ever. It is genuinely free — no trial, no watermark, no premium tier. And because it is GPLv3+, it will always be free.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Completely free and open-source — no strings, no future paywall&lt;/li&gt;
&lt;li&gt;Professional-grade tools: layers, masks, channels, paths, scriptable automation&lt;/li&gt;
&lt;li&gt;Huge plugin ecosystem (G'MIC adds 500+ filters alone)&lt;/li&gt;
&lt;li&gt;Available on every desktop OS including Linux&lt;/li&gt;
&lt;li&gt;CMYK support with the Separate+ plugin for print workflows&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Steepest learning curve on this list — the interface is functional but not intuitive&lt;/li&gt;
&lt;li&gt;No non-destructive editing in 2.10.x (coming in GIMP 3.0)&lt;/li&gt;
&lt;li&gt;No built-in AI tools (no one-click background removal or object erasure)&lt;/li&gt;
&lt;li&gt;macOS version can feel sluggish compared to native apps&lt;/li&gt;
&lt;li&gt;Default keyboard shortcuts differ from Photoshop (remappable, but annoying)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Hobbyists and students who want full control without paying anything, ever. If you are willing to invest time learning, GIMP rewards you with capabilities that match paid software. Our &lt;a href="https://pixotter.com/blog/gimp-photo-editing-guide/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;GIMP photo editing guide&lt;/a&gt; walks through the essentials step by step.&lt;/p&gt;




&lt;h2&gt;
  
  
  8. Pixotter — Best for Quick Edits Without Any Software
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Developer:&lt;/strong&gt; Pixotter&lt;br&gt;
&lt;strong&gt;Price:&lt;/strong&gt; Free&lt;br&gt;
&lt;strong&gt;Platform:&lt;/strong&gt; Web app (any browser — desktop, tablet, mobile)&lt;br&gt;
&lt;strong&gt;License:&lt;/strong&gt; Proprietary&lt;/p&gt;

&lt;p&gt;&lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; is not a traditional photo editor — it is an image processing tool designed for the edits you do most often: compress, resize, convert format, and remove backgrounds. Drop your image, pick the operations, and download the result. Everything runs in your browser using WebAssembly, so your photos never leave your device.&lt;/p&gt;

&lt;p&gt;The key difference from other editors on this list: Pixotter does multiple operations in one step. Need to resize a photo to 1200x630 pixels, convert it from PNG to WebP, and compress it to under 200KB? That is one upload and one download — not three separate tools.&lt;/p&gt;

&lt;p&gt;There is no account to create, no software to install, and no learning curve to speak of. The interface is a drop zone and a set of options. If you know what you want done to your image, Pixotter does it in seconds.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pros:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Zero learning curve — drop image, pick options, download result&lt;/li&gt;
&lt;li&gt;All processing happens in your browser (images never upload to a server)&lt;/li&gt;
&lt;li&gt;Multiple operations in one step: &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compress&lt;/a&gt;, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize&lt;/a&gt;, &lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;convert&lt;/a&gt; together&lt;/li&gt;
&lt;li&gt;Works on any device with a browser — no installation&lt;/li&gt;
&lt;li&gt;No account required, no watermarks, no usage limits&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Cons:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Not a full photo editor — no filters, layers, retouching, or creative effects&lt;/li&gt;
&lt;li&gt;No mobile app (browser-based, but works on mobile browsers)&lt;/li&gt;
&lt;li&gt;Not designed for artistic editing or color grading&lt;/li&gt;
&lt;li&gt;No RAW file support&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Bloggers, developers, and e-commerce sellers who need to process images quickly before uploading — resize product photos, compress blog images, convert screenshots to WebP. Pixotter is what you use &lt;em&gt;after&lt;/em&gt; editing, or instead of editing when you just need the technical specs changed.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Need a quick edit without the learning curve?&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Pixotter compresses, resizes, and converts images in your browser — no install, no signup, no upload to any server.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/"&gt;Try Pixotter Free →&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  How to Choose the Right Editor
&lt;/h2&gt;

&lt;p&gt;Eight options is better than one, but it can still feel like a lot. Here is a decision framework based on what you actually need to do:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"I need to make social media graphics with photos and text."&lt;/strong&gt;&lt;br&gt;
Go with &lt;strong&gt;Canva&lt;/strong&gt;. Templates with pre-set dimensions for every platform save you from ever Googling "Instagram story size" again.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"I want to make my photos look better on my phone."&lt;/strong&gt;&lt;br&gt;
Use &lt;strong&gt;Snapseed&lt;/strong&gt; (any phone) or &lt;strong&gt;Apple Photos&lt;/strong&gt; (iPhone/Mac). Both are free, already on your device or a quick download, and handle 90% of photo enhancement needs.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"I need a free editor that works like Photoshop."&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Photopea&lt;/strong&gt; if you want it in a browser. &lt;strong&gt;GIMP 2.10.38&lt;/strong&gt; if you want a full desktop application. Both are free. Photopea has a gentler learning curve; GIMP has more raw power. See our &lt;a href="https://pixotter.com/blog/photoshop-vs-gimp/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop vs GIMP comparison&lt;/a&gt; for details.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"I just need to resize, compress, or convert photos."&lt;/strong&gt;&lt;br&gt;
Skip the editor entirely — &lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; does those tasks in seconds with zero setup.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"I want AI features like background removal and object erasing."&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Canva&lt;/strong&gt; or &lt;strong&gt;Pixlr X&lt;/strong&gt; for the simplest experience. &lt;strong&gt;Apple Photos&lt;/strong&gt; if you are in the Apple ecosystem. For background removal without signing up for anything, &lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; handles that too.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;"I am a student learning photo editing and want to build real skills."&lt;/strong&gt;&lt;br&gt;
Start with &lt;strong&gt;Photopea&lt;/strong&gt; (free, Photoshop-compatible interface, YouTube tutorials transfer directly). When you are comfortable, consider moving to GIMP or eventually Photoshop.&lt;/p&gt;

&lt;h3&gt;
  
  
  Factors That Actually Matter for Beginners
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Factor&lt;/th&gt;
&lt;th&gt;Why It Matters&lt;/th&gt;
&lt;th&gt;Best Options&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Time to first edit&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;If setup takes 20 minutes, you will give up before editing&lt;/td&gt;
&lt;td&gt;Canva, Pixotter, Photopea&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Undo depth&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Beginners experiment more and need to reverse mistakes freely&lt;/td&gt;
&lt;td&gt;Snapseed, Apple Photos, GIMP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Template availability&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Pre-built layouts reduce decisions and speed up output&lt;/td&gt;
&lt;td&gt;Canva (clear winner)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Cost&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Beginners should not pay until they know what they need&lt;/td&gt;
&lt;td&gt;Snapseed, GIMP, Photopea, Pixotter&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Export quality&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Lossy re-exports degrade photos across edits&lt;/td&gt;
&lt;td&gt;Snapseed, GIMP, Apple Photos&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  What About Photoshop?
&lt;/h2&gt;

&lt;p&gt;Photoshop is the best photo editing software. It is also, genuinely, one of the worst choices for beginners.&lt;/p&gt;

&lt;p&gt;Adobe Photoshop (currently version 26.x as part of Creative Cloud) costs $22.99/month for the Photography Plan (bundled with Lightroom) or $33.99/month standalone. That is $276-$408 per year for software with a learning curve measured in months, not hours.&lt;/p&gt;

&lt;p&gt;The interface has over 60 tools in the toolbar alone. Panels for layers, channels, paths, history, adjustments, properties, and brushes compete for screen space. Every tool has an options bar with context-specific settings. Keyboard shortcuts are essential — you cannot use Photoshop efficiently with just a mouse.&lt;/p&gt;

&lt;p&gt;None of this is a criticism of Photoshop. It is designed for professionals who edit photos eight hours a day. Retouchers, compositors, digital artists, and print designers need every one of those tools. But recommending Photoshop to a beginner is like recommending a commercial kitchen to someone who wants to learn to cook.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When Photoshop makes sense:&lt;/strong&gt; After you have outgrown the tools on this list and hit specific limitations — you need advanced compositing, precise color management for print, or you are working with a team that uses PSD files as its standard. At that point, the learning investment pays off.&lt;/p&gt;

&lt;p&gt;For a detailed breakdown of Photoshop's strengths versus alternatives, read our comparisons: &lt;a href="https://pixotter.com/blog/canva-vs-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Canva vs Photoshop&lt;/a&gt;, &lt;a href="https://pixotter.com/blog/lightroom-vs-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Lightroom vs Photoshop&lt;/a&gt;, and &lt;a href="https://pixotter.com/blog/affinity-photo-vs-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Affinity Photo vs Photoshop&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  What is the best free photo editing software for beginners?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Snapseed 2.21&lt;/strong&gt; for mobile — 29 tools, completely free, no ads or watermarks. &lt;strong&gt;Photopea&lt;/strong&gt; for browser-based editing with Photoshop-like features at zero cost. &lt;strong&gt;GIMP 2.10.38&lt;/strong&gt; for desktop — professional-grade and open-source under GPLv3+. All three are genuinely free with no premium tier required for core features.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I edit photos without downloading any software?
&lt;/h3&gt;

&lt;p&gt;Yes. &lt;strong&gt;Canva&lt;/strong&gt;, &lt;strong&gt;Pixlr X&lt;/strong&gt;, &lt;strong&gt;Photopea&lt;/strong&gt;, and &lt;strong&gt;&lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt;&lt;/strong&gt; all run in your browser with no installation. Photopea even works offline as a Progressive Web App. For quick processing tasks like compression and format conversion, Pixotter processes everything locally in your browser using WebAssembly.&lt;/p&gt;

&lt;h3&gt;
  
  
  Is GIMP hard to learn for beginners?
&lt;/h3&gt;

&lt;p&gt;GIMP has the steepest learning curve on this list. The interface is functional but not intuitive — expect to spend a few hours learning the basics. However, GIMP 2.10.38 improved significantly with single-window mode and better tool organization. Our &lt;a href="https://pixotter.com/blog/gimp-photo-editing-guide/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;GIMP photo editing guide&lt;/a&gt; covers the essentials to get you started.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the difference between a photo editor and an image processing tool?
&lt;/h3&gt;

&lt;p&gt;A photo editor (Canva, Snapseed, GIMP) changes how your photo looks — adjusting colors, adding effects, retouching skin, removing objects. An image processing tool (&lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt;, ImageOptim) changes the technical properties — file size, dimensions, format — without altering the visual content. Most workflows use both: edit first, then process for the destination. Check out our &lt;a href="https://pixotter.com/blog/photo-editing-tips/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;photo editing tips&lt;/a&gt; for more on building an efficient workflow.&lt;/p&gt;

&lt;h3&gt;
  
  
  Do I need to pay for photo editing software?
&lt;/h3&gt;

&lt;p&gt;Not as a beginner. &lt;strong&gt;Snapseed&lt;/strong&gt;, &lt;strong&gt;GIMP&lt;/strong&gt;, &lt;strong&gt;Photopea&lt;/strong&gt; (ad-supported), &lt;strong&gt;Apple Photos&lt;/strong&gt;, and &lt;strong&gt;&lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt;&lt;/strong&gt; are all genuinely free with no feature restrictions on core editing tools. Paid options like Canva Pro and Pixlr Plus add convenience features (more templates, batch processing, no ads), but the free tiers are more than enough to learn with and produce quality results.&lt;/p&gt;

&lt;h3&gt;
  
  
  What photo editing software do professional photographers use?
&lt;/h3&gt;

&lt;p&gt;Most professionals use &lt;strong&gt;Adobe Lightroom&lt;/strong&gt; for photo management and batch editing, and &lt;strong&gt;Adobe Photoshop&lt;/strong&gt; for detailed retouching and compositing. &lt;strong&gt;Capture One&lt;/strong&gt; is popular among studio and fashion photographers. &lt;strong&gt;Affinity Photo 2&lt;/strong&gt; (one-time purchase, $69.99) is gaining ground as a Photoshop alternative without the subscription. See our &lt;a href="https://pixotter.com/blog/affinity-photo-vs-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Affinity Photo vs Photoshop&lt;/a&gt; comparison for details.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Bottom Line
&lt;/h2&gt;

&lt;p&gt;The best photo editing software for beginners is the one that gets out of your way and lets you finish the edit. For most people, that means &lt;strong&gt;Canva&lt;/strong&gt; (design and social media), &lt;strong&gt;Snapseed&lt;/strong&gt; (mobile photography), or &lt;strong&gt;Photopea&lt;/strong&gt; (browser-based with professional tools). If you just need to resize, compress, or convert images, skip the editor entirely and use &lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; — it takes seconds and requires zero learning.&lt;/p&gt;

&lt;p&gt;Start with one tool. Learn it well enough to do your most common edits in under two minutes. When you hit a limitation you cannot work around, that is the signal to try something more advanced. Not before.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>photography</category>
      <category>webdev</category>
      <category>images</category>
    </item>
    <item>
      <title>How to Scan Photo on iPhone: 3 Methods That Work</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Tue, 05 May 2026 18:56:55 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-scan-photo-on-iphone-3-methods-that-work-3em1</link>
      <guid>https://forem.com/pixotter/how-to-scan-photo-on-iphone-3-methods-that-work-3em1</guid>
      <description>&lt;h1&gt;
  
  
  How to Scan Photo on iPhone: 3 Methods That Work
&lt;/h1&gt;

&lt;p&gt;Your iPhone is the best photo scanner most people already own. The camera sensor on any iPhone from the last five years captures more detail than a flatbed scanner at 300 DPI — and you can do it in seconds without any special hardware.&lt;/p&gt;

&lt;p&gt;This guide covers three ways to scan photos on iPhone, from the simplest (just take a picture) to the most precise (dedicated scanner apps). Each method has tradeoffs, so here is a quick comparison to help you pick.&lt;/p&gt;

&lt;h2&gt;
  
  
  Quick Comparison: iPhone Photo Scanning Methods
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Method&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;th&gt;Quality&lt;/th&gt;
&lt;th&gt;Auto-Crop&lt;/th&gt;
&lt;th&gt;Batch Scanning&lt;/th&gt;
&lt;th&gt;Cost&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Camera app&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Quick single scans&lt;/td&gt;
&lt;td&gt;High (full sensor)&lt;/td&gt;
&lt;td&gt;Manual&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Notes app scanner&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Documents and flat photos&lt;/td&gt;
&lt;td&gt;Good (compressed)&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Multi-page&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;strong&gt;Scanner apps&lt;/strong&gt; (PhotoScan, Pic Scanner)&lt;/td&gt;
&lt;td&gt;Old photos, albums, glare-free scans&lt;/td&gt;
&lt;td&gt;Highest&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Free–$9.99&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The right choice depends on what you are scanning and how many. One photo from a frame? Camera app. A shoebox of prints? A dedicated scanner app will save you hours.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 1: Use the iPhone Camera App
&lt;/h2&gt;

&lt;p&gt;The simplest approach. You already know how to use it, and for most photos, it produces excellent results.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step Instructions (iOS 17/18)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Set up the photo.&lt;/strong&gt; Place the print on a flat, dark surface. A dark background makes cropping easier later. Avoid glossy surfaces that cause reflections.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Open the Camera app&lt;/strong&gt; and switch to &lt;strong&gt;Photo&lt;/strong&gt; mode.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Position your iPhone parallel to the print.&lt;/strong&gt; Hold it directly overhead, not at an angle. Tilting introduces perspective distortion that degrades quality.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tap the photo in the viewfinder&lt;/strong&gt; to lock focus and exposure on the print. If the print is lighter or darker than the background, this step matters — auto-exposure will otherwise optimize for the whole frame.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Take the shot.&lt;/strong&gt; Keep your hands steady. Use the volume button as a shutter if you find it more stable than the on-screen button.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Crop the result.&lt;/strong&gt; Open the photo in Photos, tap &lt;strong&gt;Edit&lt;/strong&gt;, then the crop tool. Drag the corners to remove the background. For precise cropping, &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt; lets you set exact pixel dimensions and aspect ratios — useful when the scanned photo needs to match a specific print size.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to Use This Method
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Scanning 1–3 photos quickly&lt;/li&gt;
&lt;li&gt;Photos behind glass (you can angle slightly to avoid glare, then correct perspective in editing)&lt;/li&gt;
&lt;li&gt;When you need the full 12MP/48MP sensor resolution&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;p&gt;No automatic edge detection. You crop manually every time. For one photo, that is fine. For twenty, it gets tedious fast.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 2: Use the Notes App Scanner
&lt;/h2&gt;

&lt;p&gt;Apple built a document scanner directly into the Notes app. It auto-detects edges, corrects perspective, and handles multiple pages in one session. It is designed for documents, but it works well for photos too.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step Instructions (iOS 17/18)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Open the Notes app&lt;/strong&gt; and create a new note (or open an existing one).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tap the camera icon&lt;/strong&gt; in the toolbar above the keyboard, then select &lt;strong&gt;Scan Documents&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Position your iPhone over the photo.&lt;/strong&gt; The scanner highlights detected edges with a yellow overlay. When it locks on, it captures automatically — no need to tap the shutter.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Adjust the corners&lt;/strong&gt; if the auto-detection missed. Drag each corner handle to match the photo's edges exactly.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tap "Keep Scan"&lt;/strong&gt; to save it, or &lt;strong&gt;Retake&lt;/strong&gt; if the alignment is off.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scan more photos&lt;/strong&gt; if needed. Notes supports multi-page scanning — just position the next photo and it captures again.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tap "Save"&lt;/strong&gt; when finished. All scans are stored in the note.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Export the scan.&lt;/strong&gt; Tap the scan in the note, then the share icon. Choose &lt;strong&gt;Save to Photos&lt;/strong&gt; or &lt;strong&gt;Save to Files&lt;/strong&gt;. Select &lt;strong&gt;PDF&lt;/strong&gt; for archival or &lt;strong&gt;JPEG&lt;/strong&gt; for editing.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to Use This Method
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Scanning multiple photos in one session (the multi-page flow is fast)&lt;/li&gt;
&lt;li&gt;You want automatic edge detection and perspective correction&lt;/li&gt;
&lt;li&gt;You need a PDF output (for archival or sharing a collection)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;p&gt;The Notes scanner compresses images more aggressively than the Camera app. For prints where you want maximum detail — say, a photo you plan to reprint at a larger size — the Camera app or a dedicated scanner app captures more data. The scanner also struggles with photos on white backgrounds, since it cannot distinguish the photo edge from the surface.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Clean up scanned photos instantly&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Pixotter crops, resizes, and converts scanned photos in your browser — no upload, no account.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/crop/"&gt;Crop Scanned Photo →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3: Use a Dedicated Scanner App
&lt;/h2&gt;

&lt;p&gt;For serious digitization projects — a box of family photos, an entire album, or prints you want at archival quality — a dedicated scanner app is worth it. These apps solve the two biggest problems with phone scanning: glare and color accuracy.&lt;/p&gt;

&lt;h3&gt;
  
  
  Top Scanner Apps for iPhone (2026)
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Google PhotoScan&lt;/strong&gt; (Free)&lt;br&gt;
Google's app captures multiple exposures of each photo from different angles, then composites them to eliminate glare. This is the best free option for scanning glossy prints. It also corrects color and rotation automatically.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Version 1.7+ on iOS 17/18&lt;/li&gt;
&lt;li&gt;Glare removal via multi-shot capture&lt;/li&gt;
&lt;li&gt;Auto-crop and perspective correction&lt;/li&gt;
&lt;li&gt;Free with no watermarks&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Pic Scanner Gold&lt;/strong&gt; ($9.99, one-time purchase)&lt;br&gt;
Scans multiple photos per shot — lay out 3–4 prints, take one picture, and the app detects and crops each one individually. For batch scanning, this is the fastest option.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Version 5.0+ on iOS 17/18&lt;/li&gt;
&lt;li&gt;Multi-photo detection per frame&lt;/li&gt;
&lt;li&gt;Built-in color correction and filters&lt;/li&gt;
&lt;li&gt;Exports at full resolution&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Microsoft Lens&lt;/strong&gt; (Free)&lt;br&gt;
Originally designed for documents but handles photos well. Strong edge detection and perspective correction. Integrates with OneDrive for cloud backup.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Version 2.85+ on iOS 17/18&lt;/li&gt;
&lt;li&gt;OCR for text in photos (useful for scanning photo-and-text compositions)&lt;/li&gt;
&lt;li&gt;Direct cloud save to OneDrive&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step-by-Step: Scanning with Google PhotoScan
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Download Google PhotoScan&lt;/strong&gt; from the App Store (free, version 1.7+).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Open the app&lt;/strong&gt; and position your photo in the frame.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tap the shutter button.&lt;/strong&gt; Four dots appear at the corners of the photo.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Move your iPhone over each dot&lt;/strong&gt; in sequence. The app captures an exposure at each position.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Wait 2–3 seconds&lt;/strong&gt; while the app composites the images and removes glare.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Review the result.&lt;/strong&gt; The app auto-crops, corrects perspective, and adjusts color.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Save to your camera roll.&lt;/strong&gt; From there, you can further edit or &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize the image&lt;/a&gt; for your intended use.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to Use This Method
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Scanning glossy or laminated photos (PhotoScan's glare removal is excellent)&lt;/li&gt;
&lt;li&gt;Batch scanning dozens or hundreds of prints&lt;/li&gt;
&lt;li&gt;When color accuracy matters (family archives, historical photos)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Tips for Getting the Best Scan Quality
&lt;/h2&gt;

&lt;p&gt;The method you choose matters less than how you set up the shot. These tips apply to all three methods.&lt;/p&gt;

&lt;h3&gt;
  
  
  Lighting
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Use two light sources positioned at 45-degree angles&lt;/strong&gt; to the photo, one on each side. This eliminates shadows and minimizes glare. Natural light from a window works, but avoid direct sunlight — it creates harsh shadows and blows out highlights.&lt;/p&gt;

&lt;p&gt;Overhead lighting (a single ceiling light directly above) causes the most glare on glossy prints. If that is your only option, tilt the photo slightly or use Google PhotoScan's glare removal.&lt;/p&gt;

&lt;h3&gt;
  
  
  Angle and Positioning
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Hold the iPhone &lt;strong&gt;perfectly parallel&lt;/strong&gt; to the photo. Even a 5-degree tilt creates visible perspective distortion at the edges.&lt;/li&gt;
&lt;li&gt;Use a &lt;strong&gt;tripod or stack of books&lt;/strong&gt; to keep the phone steady and level for batch scanning sessions.&lt;/li&gt;
&lt;li&gt;Maintain &lt;strong&gt;consistent distance&lt;/strong&gt; between shots if scanning multiple prints at the same size. This keeps resolution uniform across your collection.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Background
&lt;/h3&gt;

&lt;p&gt;Place photos on a &lt;strong&gt;dark, matte surface&lt;/strong&gt; — a black t-shirt or dark tablecloth works well. The contrast helps auto-crop features detect edges, and matte surfaces eliminate reflections.&lt;/p&gt;

&lt;h3&gt;
  
  
  Handling Old or Damaged Photos
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Do not flatten curled photos by force.&lt;/strong&gt; Place them under a heavy book for 30 minutes first.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Wear cotton gloves&lt;/strong&gt; or handle prints by the edges. Fingerprints on old prints can cause permanent damage.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scan at the highest resolution available&lt;/strong&gt; — you can always downscale later, but you cannot recover detail that was never captured. Check out our guide on &lt;a href="https://pixotter.com/blog/what-is-image-resolution/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;image resolution&lt;/a&gt; for more on why this matters.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Post-Processing Scanned Photos
&lt;/h2&gt;

&lt;p&gt;A raw scan is rarely the final product. Most scanned photos need at least cropping, and often resizing or format conversion too.&lt;/p&gt;

&lt;h3&gt;
  
  
  Crop
&lt;/h3&gt;

&lt;p&gt;Every scan has extra border space, even with auto-crop. Precise cropping removes distracting edges and focuses attention on the actual image. The Photos app on iPhone handles basic crops, but for exact pixel dimensions (say, 4x6 at 300 DPI = 1200x1800px), use &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt;. It runs entirely in your browser, so your photos stay on your device.&lt;/p&gt;

&lt;p&gt;For more on iPhone cropping workflows, see our guide on &lt;a href="https://pixotter.com/blog/how-to-crop-photo-on-iphone/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to crop a photo on iPhone&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Resize
&lt;/h3&gt;

&lt;p&gt;Scanned photos are often much larger than needed. A 48MP iPhone scan of a 4x6 print produces an 8064x6048 pixel image — roughly 15MB as JPEG. If you are uploading to social media, emailing, or posting on a website, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize first&lt;/a&gt;. Instagram maxes out at 1080x1350px. Email attachments over 5MB often bounce.&lt;/p&gt;

&lt;p&gt;Our guide on &lt;a href="https://pixotter.com/blog/how-to-resize-photo-on-iphone/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize a photo on iPhone&lt;/a&gt; covers platform-specific dimensions in detail.&lt;/p&gt;

&lt;h3&gt;
  
  
  Convert Format
&lt;/h3&gt;

&lt;p&gt;The Notes app exports scans as PDF by default. The Camera app saves HEIC (on newer iPhones) or JPEG. If you need a different format — PNG for lossless quality, WebP for web use, JPEG for maximum compatibility — &lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's convert tool&lt;/a&gt; handles the conversion instantly in your browser.&lt;/p&gt;

&lt;h3&gt;
  
  
  Print
&lt;/h3&gt;

&lt;p&gt;Once your scanned photos are cropped and sized correctly, you can print them at home or through a service. Our &lt;a href="https://pixotter.com/blog/how-to-print-photo-from-iphone/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;guide to printing photos from iPhone&lt;/a&gt; walks through the options.&lt;/p&gt;

&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Can I scan a photo on iPhone without an app?
&lt;/h3&gt;

&lt;p&gt;Yes. The Camera app works for basic photo scanning — just take a picture of the print and crop it manually. The Notes app has a built-in document scanner with auto-crop and perspective correction that also requires no additional download.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the best free app to scan photos on iPhone?
&lt;/h3&gt;

&lt;p&gt;Google PhotoScan is the best free option. Its multi-shot capture eliminates glare from glossy prints, and it auto-crops, corrects perspective, and adjusts color — all without watermarks or subscription fees.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I scan old photos without glare?
&lt;/h3&gt;

&lt;p&gt;Use Google PhotoScan's multi-angle capture mode, which composites several exposures to remove reflections. Alternatively, position two light sources at 45-degree angles on either side of the photo, and hold your iPhone directly overhead. Avoid scanning under a single overhead light, which causes the most glare on glossy surfaces.&lt;/p&gt;

&lt;h3&gt;
  
  
  What resolution should I scan photos at on iPhone?
&lt;/h3&gt;

&lt;p&gt;Use the highest resolution your iPhone supports. A 48MP iPhone 15 Pro or iPhone 16 Pro captures approximately 8064x6048 pixels — more than enough for reprinting at any standard size. You can always &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize down&lt;/a&gt; later, but you cannot recover detail from a low-resolution scan.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I scan multiple photos at once on iPhone?
&lt;/h3&gt;

&lt;p&gt;The Notes app supports multi-page scanning — capture one photo after another in a single session and save them all to one note. For true batch scanning (multiple prints in a single frame), Pic Scanner Gold ($9.99) detects and separates individual photos from a group shot automatically.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I extract text from a scanned photo?
&lt;/h3&gt;

&lt;p&gt;If your scanned photo contains text (a letter, postcard, or sign), use the iPhone's built-in Live Text feature — open the photo, tap the text icon in the lower right, and select the text. For more complex text extraction from images, see our guide on &lt;a href="https://pixotter.com/blog/extract-text-from-image/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;extracting text from images&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrapping Up
&lt;/h2&gt;

&lt;p&gt;Your iPhone handles photo scanning well enough that most people never need a flatbed scanner. The Camera app works for quick one-offs, the Notes app adds auto-crop and multi-page support, and dedicated apps like Google PhotoScan solve the glare problem.&lt;/p&gt;

&lt;p&gt;Once you have your scans, clean them up: &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;crop out the borders&lt;/a&gt;, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize for your target platform&lt;/a&gt;, and &lt;a href="https://pixotter.com/convert/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;convert to the right format&lt;/a&gt;. The whole process — scan, crop, resize, convert — takes under a minute per photo.&lt;/p&gt;

&lt;p&gt;For related guides, check out &lt;a href="https://pixotter.com/blog/how-to-crop-photo-on-iphone/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to crop a photo on iPhone&lt;/a&gt;, &lt;a href="https://pixotter.com/blog/how-to-resize-photo-on-iphone/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize a photo on iPhone&lt;/a&gt;, and &lt;a href="https://pixotter.com/blog/what-is-image-resolution/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;what image resolution actually means&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>photography</category>
      <category>tutorial</category>
      <category>beginners</category>
      <category>images</category>
    </item>
    <item>
      <title>How to Resize an Image in Illustrator (3 Methods)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Tue, 05 May 2026 09:41:49 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-resize-an-image-in-illustrator-3-methods-o1l</link>
      <guid>https://forem.com/pixotter/how-to-resize-an-image-in-illustrator-3-methods-o1l</guid>
      <description>&lt;h1&gt;
  
  
  Resize Image in Illustrator: 4 Methods (2025 Guide)
&lt;/h1&gt;

&lt;p&gt;Resizing in Illustrator is not the same as resizing in Photoshop. Photoshop works with pixels — you change the pixel grid and the image resamples. Illustrator is a vector editor that treats placed raster images as objects on an artboard. That difference changes how every resize method behaves and what quality you can expect.&lt;/p&gt;

&lt;p&gt;This guide covers all four ways to resize image in Illustrator 2025 (v29.x): the Scale Tool, Free Transform, Transform panel, and Properties panel. You will also learn how linked and embedded images behave differently during scaling.&lt;/p&gt;

&lt;p&gt;Need to resize a raster image to exact pixel dimensions before placing it in Illustrator? &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles it in your browser — no install, no upload to a server.&lt;/p&gt;

&lt;h2&gt;
  
  
  Vector vs. Raster: The Core Rule
&lt;/h2&gt;

&lt;p&gt;Before picking a resize method, understand what you are resizing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Vector objects&lt;/strong&gt; (paths, shapes, text) are defined by math. Scale them 10x or 0.1x — they stay sharp. No pixels, no quality ceiling.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Raster images&lt;/strong&gt; (placed JPEGs, PNGs, TIFFs) are pixel grids. Scaling up past 100% forces Illustrator to interpolate, producing blur and artifacts.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Practical rule:&lt;/strong&gt; Resize vector artwork freely. For raster images, keep the scale at or below 100%. If you need a photo at 1200x800 px, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize it to those dimensions&lt;/a&gt; before placing it. See also: &lt;a href="https://pixotter.com/blog/convert-svg-to-png/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;converting SVG to PNG&lt;/a&gt; and &lt;a href="https://pixotter.com/blog/pixels-to-inches/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;pixels to inches&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 1: Scale Tool (S)
&lt;/h2&gt;

&lt;p&gt;The Scale Tool offers the most control — precise percentage input, independent axis scaling, and a Copy button for scaled duplicates.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select the object or placed image.&lt;/li&gt;
&lt;li&gt;Press &lt;strong&gt;S&lt;/strong&gt; to activate the Scale Tool.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Freehand:&lt;/strong&gt; Click and drag. Hold &lt;strong&gt;Shift&lt;/strong&gt; to constrain proportions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Precise:&lt;/strong&gt; Double-click the Scale Tool icon to open the Scale dialog.

&lt;ul&gt;
&lt;li&gt;Choose &lt;strong&gt;Uniform&lt;/strong&gt; and enter a percentage (e.g., 50%), or &lt;strong&gt;Non-Uniform&lt;/strong&gt; for independent width/height control.&lt;/li&gt;
&lt;li&gt;Check &lt;strong&gt;Scale Strokes &amp;amp; Effects&lt;/strong&gt; if borders and drop shadows should scale proportionally.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;OK&lt;/strong&gt; to apply, or &lt;strong&gt;Copy&lt;/strong&gt; to create a scaled duplicate.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The tool scales relative to the reference point (small target icon). By default it is the center — click once on the artboard to set a different anchor.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Precise percentage changes, stroke/effect scaling, or creating scaled copies.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 2: Free Transform (E)
&lt;/h2&gt;

&lt;p&gt;Free Transform is the fastest interactive resize method.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select the object or placed image.&lt;/li&gt;
&lt;li&gt;Press &lt;strong&gt;E&lt;/strong&gt; to activate Free Transform.&lt;/li&gt;
&lt;li&gt;Drag any corner handle to resize. &lt;strong&gt;Shift&lt;/strong&gt; constrains proportions. &lt;strong&gt;Alt/Option&lt;/strong&gt; scales from center. &lt;strong&gt;Shift + Alt/Option&lt;/strong&gt; does both.&lt;/li&gt;
&lt;li&gt;Press &lt;strong&gt;Enter&lt;/strong&gt; to confirm.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Quick visual adjustments — eyeballing a layout or resizing multiple selected objects at once.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3: Transform Panel (Exact Dimensions)
&lt;/h2&gt;

&lt;p&gt;The Transform panel is where precision lives. Use it when a spec says "exactly 1200x628 px" and you need to hit that number.&lt;/p&gt;

&lt;h3&gt;
  
  
  Steps
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Select the object or placed image.&lt;/li&gt;
&lt;li&gt;Open the Transform panel: &lt;strong&gt;Window &amp;gt; Transform&lt;/strong&gt; (or press &lt;strong&gt;Shift + F8&lt;/strong&gt;).&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;W&lt;/strong&gt; (width) and &lt;strong&gt;H&lt;/strong&gt; (height) fields show current dimensions.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;chain-link icon&lt;/strong&gt; between W and H to constrain proportions. When the chain is connected, changing one value adjusts the other automatically.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;reference point&lt;/strong&gt; grid in the top-left corner of the panel. This sets which point stays anchored during resize — center, top-left, bottom-right, etc.&lt;/li&gt;
&lt;li&gt;Type your target dimension in the W or H field. Press &lt;strong&gt;Enter&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;You can type units directly (&lt;code&gt;800px&lt;/code&gt;, &lt;code&gt;4in&lt;/code&gt;, &lt;code&gt;210mm&lt;/code&gt;) — Illustrator converts automatically. See our &lt;a href="https://pixotter.com/blog/pixels-to-inches/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;pixels to inches&lt;/a&gt; guide for conversion reference. You can also use math expressions: type &lt;code&gt;*2&lt;/code&gt; after the current value to double it, or &lt;code&gt;/3&lt;/code&gt; to reduce to a third.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Production work with exact specs. If a client says "make this exactly 300x300 px," the Transform panel is the answer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 4: Properties Panel
&lt;/h2&gt;

&lt;p&gt;The Properties panel puts resize fields in context without opening a separate dialog.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select the object or placed image.&lt;/li&gt;
&lt;li&gt;Open with &lt;strong&gt;Window &amp;gt; Properties&lt;/strong&gt; (visible by default on the right side).&lt;/li&gt;
&lt;li&gt;Under the &lt;strong&gt;Transform&lt;/strong&gt; section, find the &lt;strong&gt;W&lt;/strong&gt; and &lt;strong&gt;H&lt;/strong&gt; fields.&lt;/li&gt;
&lt;li&gt;Click the chain-link icon to lock proportions, type your value, press &lt;strong&gt;Enter&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Best for:&lt;/strong&gt; Quick contextual resizes. Shows dimensions, position, opacity, and stroke in one place. For complex transforms, the full Transform panel (Shift + F8) offers more control.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resize Methods Compared
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;Scale Tool (S)&lt;/th&gt;
&lt;th&gt;Free Transform (E)&lt;/th&gt;
&lt;th&gt;Transform Panel&lt;/th&gt;
&lt;th&gt;Properties Panel&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Input type&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Percentage&lt;/td&gt;
&lt;td&gt;Visual drag&lt;/td&gt;
&lt;td&gt;Exact W x H&lt;/td&gt;
&lt;td&gt;Exact W x H&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Keyboard shortcut&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;S&lt;/td&gt;
&lt;td&gt;E&lt;/td&gt;
&lt;td&gt;Shift + F8&lt;/td&gt;
&lt;td&gt;Window &amp;gt; Properties&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Constrain proportions&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Uniform checkbox&lt;/td&gt;
&lt;td&gt;Hold Shift&lt;/td&gt;
&lt;td&gt;Chain-link icon&lt;/td&gt;
&lt;td&gt;Chain-link icon&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Scale from center&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Set reference point&lt;/td&gt;
&lt;td&gt;Hold Alt/Option&lt;/td&gt;
&lt;td&gt;Set reference point&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Scale strokes &amp;amp; effects&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Yes (checkbox)&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No (use Preferences)&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Create scaled copy&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Yes (Copy button)&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Math input&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Percentage only&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Yes (any unit + math)&lt;/td&gt;
&lt;td&gt;Yes (any unit + math)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Best for&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Percentage scaling, duplicates&lt;/td&gt;
&lt;td&gt;Quick visual tweaks&lt;/td&gt;
&lt;td&gt;Exact pixel/inch specs&lt;/td&gt;
&lt;td&gt;Fast contextual resize&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;All four methods produce the same result on the same object. The difference is the interface, not the output. None of them add resolution to raster images — they all scale the existing pixels.&lt;/p&gt;

&lt;h2&gt;
  
  
  Embedded vs. Linked Images: How Each Behaves During Resize
&lt;/h2&gt;

&lt;p&gt;When you place a raster image with &lt;strong&gt;File &amp;gt; Place&lt;/strong&gt;, Illustrator asks whether to link or embed it. This choice affects resize behavior, file size, and editability.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Linked images&lt;/strong&gt; stay external — Illustrator references the file by path. The Links panel (&lt;strong&gt;Window &amp;gt; Links&lt;/strong&gt;) shows the current scale percentage. Advantage: smaller .ai file, and source edits update automatically. Risk: move the source file and the link breaks.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Embedded images&lt;/strong&gt; copy pixel data into the .ai file. Resize behavior is identical — scaling past 100% still degrades quality. Advantage: self-contained, portable. Disadvantage: larger file size.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Link&lt;/strong&gt; for local work with smaller files. &lt;strong&gt;Embed&lt;/strong&gt; when sending to printers or collaborators. To switch: select a linked image and click &lt;strong&gt;Embed&lt;/strong&gt; in the Control bar, or &lt;strong&gt;Relink&lt;/strong&gt; in the Links panel to unembed.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Pre-Sizing Workflow for Raster Images
&lt;/h2&gt;

&lt;p&gt;The cleanest approach avoids resizing raster images inside Illustrator entirely:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Determine the final size you need in your layout.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize the raster image to those exact dimensions&lt;/a&gt; before placing it — Pixotter processes the resize in your browser with no file upload.&lt;/li&gt;
&lt;li&gt;Place the pre-sized image in Illustrator at 100% scale.&lt;/li&gt;
&lt;li&gt;If you need to &lt;a href="https://pixotter.com/blog/how-to-crop-image-in-illustrator/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;crop the placed image&lt;/a&gt;, use a clipping mask.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This keeps every image at 100% in the Links panel, your .ai file smaller, and your exports sharp. You can also &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compress the image&lt;/a&gt; afterward to reduce file size for web output.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Pre-size images before placing in Illustrator&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Set exact pixel dimensions in your browser. No install, no quality loss on downscale, no subscription.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/resize/"&gt;Resize Image →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Keyboard Shortcuts
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Action&lt;/th&gt;
&lt;th&gt;Shortcut&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Scale Tool&lt;/td&gt;
&lt;td&gt;S&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Free Transform&lt;/td&gt;
&lt;td&gt;E&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Transform panel&lt;/td&gt;
&lt;td&gt;Shift + F8&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Constrain proportions (drag)&lt;/td&gt;
&lt;td&gt;Hold Shift&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Scale from center (drag)&lt;/td&gt;
&lt;td&gt;Hold Alt (Win) / Option (Mac)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Artboard Tool&lt;/td&gt;
&lt;td&gt;Shift + O&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Does resizing a vector object in Illustrator reduce quality?
&lt;/h3&gt;

&lt;p&gt;No. Vectors are resolution-independent — defined by math, not pixels. Scale a vector path from 10 px to 10,000 px and it stays perfectly sharp.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I resize an image in Illustrator without distortion?
&lt;/h3&gt;

&lt;p&gt;Lock proportions. In the Scale Tool dialog, select &lt;strong&gt;Uniform&lt;/strong&gt;. With Free Transform, hold &lt;strong&gt;Shift&lt;/strong&gt;. In the Transform or Properties panel, click the &lt;strong&gt;chain-link icon&lt;/strong&gt; between W and H. All four methods prevent distortion when proportions are constrained.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why does my placed image look blurry after resizing?
&lt;/h3&gt;

&lt;p&gt;You have scaled it above 100% of its original pixel dimensions. The fix: &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize the source image to your target dimensions&lt;/a&gt;, then re-place it at 100%. Check the scale percentage in the Links panel (&lt;strong&gt;Window &amp;gt; Links&lt;/strong&gt;).&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the difference between the Scale Tool and Free Transform?
&lt;/h3&gt;

&lt;p&gt;Scale Tool opens a dialog for percentage input and can scale strokes/effects and create scaled copies. Free Transform is direct drag-handle manipulation with no dialog. Use Scale Tool for precision, Free Transform for speed.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I resize multiple objects at once?
&lt;/h3&gt;

&lt;p&gt;Yes. Select all objects (Shift-click or drag a selection marquee), then use any method. Free Transform and the Scale Tool scale relative to the group bounding box. To resize each object around its own center, use &lt;strong&gt;Object &amp;gt; Transform Each&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrapping Up
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Scale Tool&lt;/strong&gt; for percentage precision and scaled copies. &lt;strong&gt;Free Transform&lt;/strong&gt; for fast visual drags. &lt;strong&gt;Transform panel&lt;/strong&gt; for exact specs. &lt;strong&gt;Properties panel&lt;/strong&gt; for quick contextual adjustments. For vector objects, pick whichever is fastest — quality is never a concern. For placed raster images, resize at the source, place at 100%, and check the Links panel.&lt;/p&gt;

&lt;p&gt;For raster resizing in Photoshop instead, see our &lt;a href="https://pixotter.com/blog/how-to-resize-image-in-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize image in Photoshop&lt;/a&gt; guide — Photoshop's resampling algorithms handle enlargement differently.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>images</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Edit Photos in Photoshop: A Complete Workflow</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Tue, 05 May 2026 00:36:44 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-edit-photos-in-photoshop-a-complete-workflow-3gok</link>
      <guid>https://forem.com/pixotter/how-to-edit-photos-in-photoshop-a-complete-workflow-3gok</guid>
      <description>&lt;h1&gt;
  
  
  How to Edit Photos in Photoshop: Beginner Workflow (2025)
&lt;/h1&gt;

&lt;p&gt;Photoshop can do a thousand things. For photo editing, you need about seven of them. This guide walks you through editing a single photo from raw import to final export in Photoshop 2025 (v26.x) -- the same workflow professional photographers repeat on every image.&lt;/p&gt;

&lt;p&gt;Here is the sequence: import, crop, fix exposure, correct color, retouch distractions, sharpen, and export. Each step builds on the previous one. Skip what does not apply to your photo, but always follow this order -- sharpening before exposure correction, for example, amplifies noise you have not yet cleaned up.&lt;/p&gt;

&lt;p&gt;If you need a quick crop, resize, or compression without opening Photoshop, &lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; handles those in your browser via WebAssembly. No install, no upload, no account. For everything else -- selective adjustments, retouching, compositing -- Photoshop is the tool.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Complete Editing Workflow
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Step&lt;/th&gt;
&lt;th&gt;What You Do&lt;/th&gt;
&lt;th&gt;Key Tools&lt;/th&gt;
&lt;th&gt;Time&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;1. Import&lt;/td&gt;
&lt;td&gt;Open the file&lt;/td&gt;
&lt;td&gt;File &amp;gt; Open, Camera Raw&lt;/td&gt;
&lt;td&gt;10 sec&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;2. Crop &amp;amp; Straighten&lt;/td&gt;
&lt;td&gt;Frame the subject, fix horizon&lt;/td&gt;
&lt;td&gt;Crop Tool (&lt;code&gt;C&lt;/code&gt;)&lt;/td&gt;
&lt;td&gt;30 sec&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3. Exposure&lt;/td&gt;
&lt;td&gt;Fix brightness and contrast&lt;/td&gt;
&lt;td&gt;Levels, Curves&lt;/td&gt;
&lt;td&gt;1-2 min&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;4. Color&lt;/td&gt;
&lt;td&gt;Correct white balance and saturation&lt;/td&gt;
&lt;td&gt;Hue/Saturation, Vibrance&lt;/td&gt;
&lt;td&gt;1-2 min&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;5. Retouch&lt;/td&gt;
&lt;td&gt;Remove blemishes and distractions&lt;/td&gt;
&lt;td&gt;Spot Healing Brush, Clone Stamp&lt;/td&gt;
&lt;td&gt;2-5 min&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;6. Sharpen&lt;/td&gt;
&lt;td&gt;Add final crispness&lt;/td&gt;
&lt;td&gt;Unsharp Mask, Smart Sharpen&lt;/td&gt;
&lt;td&gt;30 sec&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;7. Export&lt;/td&gt;
&lt;td&gt;Save for web, print, or archive&lt;/td&gt;
&lt;td&gt;Export As, Save for Web&lt;/td&gt;
&lt;td&gt;30 sec&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Total time for a straightforward portrait or landscape: 5-12 minutes. With practice, you will cut that in half.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 1: Import Your Photo
&lt;/h2&gt;

&lt;p&gt;Open your image with &lt;strong&gt;File &amp;gt; Open&lt;/strong&gt; (&lt;code&gt;Ctrl+O&lt;/code&gt; / &lt;code&gt;Cmd+O&lt;/code&gt;). Photoshop handles JPEG, PNG, TIFF, PSD, HEIC, and raw formats from every major camera manufacturer.&lt;/p&gt;

&lt;h3&gt;
  
  
  Raw Files and Camera Raw
&lt;/h3&gt;

&lt;p&gt;If you shoot in raw (CR3, NEF, ARW, RAF, DNG), Photoshop opens the file in &lt;strong&gt;Adobe Camera Raw&lt;/strong&gt; (ACR) first. ACR is a powerful raw processor -- you can do exposure, color, and lens correction before the image even enters Photoshop. For this workflow, make basic exposure adjustments in ACR if the image is drastically underexposed or overexposed, then click &lt;strong&gt;Open&lt;/strong&gt; to bring it into Photoshop for the remaining steps.&lt;/p&gt;

&lt;p&gt;If your image is a JPEG or PNG, it opens directly on the canvas. No ACR detour.&lt;/p&gt;

&lt;h3&gt;
  
  
  Set Up Non-Destructive Editing
&lt;/h3&gt;

&lt;p&gt;Before touching any pixels, duplicate the background layer: &lt;strong&gt;Layer &amp;gt; Duplicate Layer&lt;/strong&gt; or &lt;code&gt;Ctrl+J&lt;/code&gt; (&lt;code&gt;Cmd+J&lt;/code&gt;). Work on the duplicate. If an edit goes wrong three steps later, you still have the untouched original underneath.&lt;/p&gt;

&lt;p&gt;For even more flexibility, use &lt;strong&gt;adjustment layers&lt;/strong&gt; (covered in each step below) instead of direct edits. Adjustment layers are non-destructive -- change the settings, lower the opacity, or delete the layer entirely without affecting the original pixels.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 2: Crop and Straighten
&lt;/h2&gt;

&lt;p&gt;Cropping does two things: removes distracting edges and strengthens the composition. Do it first so that every subsequent adjustment applies only to the final frame.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Press &lt;code&gt;C&lt;/code&gt; to activate the &lt;strong&gt;Crop Tool&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;In the Options Bar, select a preset ratio (4:5 for Instagram portrait, 16:9 for YouTube thumbnails, 3:2 for standard prints) or drag freeform.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Straighten the horizon:&lt;/strong&gt; Click the &lt;strong&gt;Straighten&lt;/strong&gt; icon in the Options Bar, then drag a line along something that should be horizontal (a horizon, a tabletop, a window ledge). Photoshop rotates and crops in one step.&lt;/li&gt;
&lt;li&gt;Reposition the crop by clicking inside the overlay and dragging.&lt;/li&gt;
&lt;li&gt;Press &lt;code&gt;Enter&lt;/code&gt; (&lt;code&gt;Return&lt;/code&gt;) to apply.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For a deep dive into all five crop methods -- including perspective correction and content-aware cropping -- see &lt;a href="https://pixotter.com/blog/how-to-crop-image-in-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;How to Crop an Image in Photoshop&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Need a quick crop without Photoshop? &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt; does it in your browser -- drop, drag, download.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 3: Fix Exposure with Levels and Curves
&lt;/h2&gt;

&lt;p&gt;Exposure is the foundation. Get brightness and contrast right before adjusting color, because color perception changes with luminance.&lt;/p&gt;

&lt;h3&gt;
  
  
  Levels (The Quick Fix)
&lt;/h3&gt;

&lt;p&gt;Levels shows a histogram -- a graph of how many pixels exist at each brightness value from black (left) to white (right).&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add a Levels adjustment layer: &lt;strong&gt;Layer &amp;gt; New Adjustment Layer &amp;gt; Levels&lt;/strong&gt; or click the Levels icon in the &lt;strong&gt;Adjustments&lt;/strong&gt; panel.&lt;/li&gt;
&lt;li&gt;Look at the histogram. If there is a gap on the left, the image has no true blacks (it looks washed out). If there is a gap on the right, it has no true whites (it looks dull).&lt;/li&gt;
&lt;li&gt;Drag the &lt;strong&gt;black point slider&lt;/strong&gt; (left triangle) to where the histogram data begins. This sets the darkest pixels to true black.&lt;/li&gt;
&lt;li&gt;Drag the &lt;strong&gt;white point slider&lt;/strong&gt; (right triangle) to where the histogram data ends. This sets the brightest pixels to true white.&lt;/li&gt;
&lt;li&gt;Adjust the &lt;strong&gt;midtone slider&lt;/strong&gt; (center triangle) to taste. Move left to brighten midtones, right to darken them.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;That three-slider adjustment fixes 80% of exposure problems.&lt;/p&gt;

&lt;h3&gt;
  
  
  Curves (The Precision Tool)
&lt;/h3&gt;

&lt;p&gt;Curves does everything Levels does, plus selective tonal control. A straight diagonal line means no adjustment. Pull the line upward to brighten, downward to darken.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add a Curves adjustment layer: &lt;strong&gt;Layer &amp;gt; New Adjustment Layer &amp;gt; Curves&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set black and white points:&lt;/strong&gt; Hold &lt;code&gt;Alt&lt;/code&gt; (&lt;code&gt;Option&lt;/code&gt;) and drag the black point slider. Photoshop shows which pixels will clip to pure black -- stop just before important detail disappears. Repeat with the white point slider.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Add contrast with an S-curve:&lt;/strong&gt; Click the line at roughly the 25% shadow mark and drag slightly downward. Click at the 75% highlight mark and drag slightly upward. This darkens shadows and brightens highlights -- classic contrast.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Brighten a specific range:&lt;/strong&gt; Click the line where your subject's skin tones or key element falls and drag upward gently.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Use the &lt;strong&gt;on-image eyedropper&lt;/strong&gt; (the hand icon with up/down arrows in the Curves panel) to click directly on areas you want to adjust. Photoshop places a control point at the corresponding tonal value.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Rule of thumb:&lt;/strong&gt; Levels for speed, Curves for precision. Use one or the other per image, not both, unless you need separate adjustments for shadows and highlights.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 4: Correct Color
&lt;/h2&gt;

&lt;p&gt;With exposure set, color problems become visible. The two most common issues: wrong white balance (everything looks too warm or too cool) and flat saturation (colors look muted).&lt;/p&gt;

&lt;h3&gt;
  
  
  Hue/Saturation (Targeted Color Control)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Add a Hue/Saturation adjustment layer: &lt;strong&gt;Layer &amp;gt; New Adjustment Layer &amp;gt; Hue/Saturation&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;Master&lt;/strong&gt; dropdown affects all colors. For global white balance correction, adjust the Hue slider slightly -- plus values shift warm, minus shifts cool.&lt;/li&gt;
&lt;li&gt;Select a specific color range from the dropdown (Reds, Yellows, Greens, Cyans, Blues, Magentas) to target individual colors. Common adjustments:

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Blues +10 Saturation&lt;/strong&gt; to deepen a washed-out sky.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Yellows -15 Saturation&lt;/strong&gt; to tone down overly vivid foliage.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Reds +5 Hue&lt;/strong&gt; to shift skin tones from orange toward natural.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;Lightness&lt;/strong&gt; slider brightens or darkens the selected color range. Useful for darkening a sky without affecting the foreground.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Vibrance vs. Saturation
&lt;/h3&gt;

&lt;p&gt;Photoshop offers both, and they do different things:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Adjustment&lt;/th&gt;
&lt;th&gt;What It Does&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Saturation&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Boosts all colors equally&lt;/td&gt;
&lt;td&gt;Landscapes, product shots -- when everything needs more punch&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Vibrance&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Boosts muted colors more than already-saturated ones, protects skin tones&lt;/td&gt;
&lt;td&gt;Portraits, mixed scenes -- prevents oversaturated skin&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;For portraits, use Vibrance. For landscapes, start with Vibrance and add a touch of Saturation if needed. Vibrance is almost always the safer choice.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add a Vibrance adjustment layer: &lt;strong&gt;Layer &amp;gt; New Adjustment Layer &amp;gt; Vibrance&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Drag the &lt;strong&gt;Vibrance&lt;/strong&gt; slider to +15 to +30 for a natural boost. Going above +40 starts to look artificial.&lt;/li&gt;
&lt;li&gt;Leave &lt;strong&gt;Saturation&lt;/strong&gt; at 0 unless the image is genuinely flat.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Quick White Balance Fix
&lt;/h3&gt;

&lt;p&gt;If the entire image has a color cast (indoor tungsten lighting makes everything orange, fluorescent lights make everything green):&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;In the Curves adjustment layer, select the &lt;strong&gt;gray eyedropper&lt;/strong&gt; (the middle of the three eyedroppers).&lt;/li&gt;
&lt;li&gt;Click on something in the image that should be neutral gray -- concrete, a white shirt in shadow, asphalt.&lt;/li&gt;
&lt;li&gt;Photoshop recalculates all colors to make that reference point neutral. The entire image shifts accordingly.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This one-click fix handles 90% of white balance problems.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 5: Retouch with Spot Healing and Clone Stamp
&lt;/h2&gt;

&lt;p&gt;Retouching removes distractions -- blemishes on skin, power lines in landscapes, sensor dust spots, stray hairs, or any element that pulls attention from the subject.&lt;/p&gt;

&lt;h3&gt;
  
  
  Spot Healing Brush (One-Click Fix)
&lt;/h3&gt;

&lt;p&gt;The Spot Healing Brush is the fastest retouching tool. Click on a blemish and Photoshop replaces it with surrounding texture automatically.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create a new empty layer above your image: &lt;strong&gt;Layer &amp;gt; New Layer&lt;/strong&gt; or &lt;code&gt;Ctrl+Shift+N&lt;/code&gt; (&lt;code&gt;Cmd+Shift+N&lt;/code&gt;). Name it "Retouch."&lt;/li&gt;
&lt;li&gt;Select the &lt;strong&gt;Spot Healing Brush&lt;/strong&gt; (&lt;code&gt;J&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;In the Options Bar, check &lt;strong&gt;Sample All Layers&lt;/strong&gt; so the tool reads from the image below while painting on the empty retouch layer.&lt;/li&gt;
&lt;li&gt;Set the brush size slightly larger than the blemish. Use &lt;code&gt;[&lt;/code&gt; and &lt;code&gt;]&lt;/code&gt; to resize.&lt;/li&gt;
&lt;li&gt;Click once on each blemish. For longer distractions (a scratch, a power line), click and drag along the length.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The Spot Healing Brush works best on small, isolated blemishes surrounded by consistent texture. It struggles with distractions near edges, patterns, or other complex detail.&lt;/p&gt;

&lt;h3&gt;
  
  
  Clone Stamp (Manual Precision)
&lt;/h3&gt;

&lt;p&gt;When the Spot Healing Brush produces artifacts or when you need exact control over the source texture, switch to the Clone Stamp.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select the &lt;strong&gt;Clone Stamp Tool&lt;/strong&gt; (&lt;code&gt;S&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;In the Options Bar, check &lt;strong&gt;Sample: All Layers&lt;/strong&gt; (or Current &amp;amp; Below). Set opacity to 100% for full coverage, or lower it for gradual blending.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Alt+Click&lt;/code&gt; (&lt;code&gt;Option+Click&lt;/code&gt;) on a clean area to set the source point. Choose a source with similar texture, lighting, and color.&lt;/li&gt;
&lt;li&gt;Paint over the distraction. Photoshop copies pixels from the source point, offset by the distance between your source click and your paint stroke.&lt;/li&gt;
&lt;li&gt;Resample frequently by &lt;code&gt;Alt+Clicking&lt;/code&gt; new source points. Painting too long from one source creates visible repetition patterns.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Clone Stamp discipline:&lt;/strong&gt; Always work on a separate layer. Always resample. Always zoom to 100% and check your work -- retouching that looks fine at 25% zoom often shows obvious cloning artifacts at full resolution.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 6: Sharpen for Output
&lt;/h2&gt;

&lt;p&gt;Sharpening is always the last pixel-level edit, applied after all other corrections. Sharpening amplifies detail -- and also amplifies noise, artifacts, and retouching imperfections. Get everything else right first.&lt;/p&gt;

&lt;h3&gt;
  
  
  Unsharp Mask (The Standard)
&lt;/h3&gt;

&lt;p&gt;Despite its counterintuitive name, Unsharp Mask is the traditional sharpening tool. It works by increasing contrast along edges.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select the image layer (not an adjustment layer).&lt;/li&gt;
&lt;li&gt;Go to &lt;strong&gt;Filter &amp;gt; Sharpen &amp;gt; Unsharp Mask&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Set the three parameters:

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Amount:&lt;/strong&gt; How much sharpening. Start at &lt;strong&gt;100-150%&lt;/strong&gt; for web images, &lt;strong&gt;150-200%&lt;/strong&gt; for print.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Radius:&lt;/strong&gt; How wide the sharpening halo extends. &lt;strong&gt;0.5-1.0 px&lt;/strong&gt; for web, &lt;strong&gt;1.0-2.0 px&lt;/strong&gt; for print. Higher radius creates visible halos -- keep it tight.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Threshold:&lt;/strong&gt; How different adjacent pixels must be before sharpening applies. &lt;strong&gt;0-3 levels&lt;/strong&gt; for most images. Higher values protect smooth areas (skin, sky) from being sharpened.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Preview at 100% zoom. If you see bright halos along edges, reduce the Amount or Radius.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Smart Sharpen (The Modern Alternative)
&lt;/h3&gt;

&lt;p&gt;Smart Sharpen offers more control than Unsharp Mask, including the ability to sharpen shadows and highlights separately and to reduce motion blur or lens blur.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to &lt;strong&gt;Filter &amp;gt; Sharpen &amp;gt; Smart Sharpen&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Set &lt;strong&gt;Amount&lt;/strong&gt; and &lt;strong&gt;Radius&lt;/strong&gt; as above.&lt;/li&gt;
&lt;li&gt;Set &lt;strong&gt;Remove&lt;/strong&gt; to the type of blur you are correcting:

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Gaussian Blur&lt;/strong&gt; -- general softness (default, works for most images).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lens Blur&lt;/strong&gt; -- optical softness from the lens (produces finer, more natural results).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Motion Blur&lt;/strong&gt; -- directional blur from camera shake or subject movement.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Expand the &lt;strong&gt;Shadows&lt;/strong&gt; and &lt;strong&gt;Highlights&lt;/strong&gt; sections to reduce sharpening in those ranges. Shadows especially benefit from reduced sharpening -- noise lives in the shadows.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Web export tip:&lt;/strong&gt; If you are exporting for web at a smaller resolution than the original, &lt;a href="https://pixotter.com/blog/how-to-resize-image-in-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize first&lt;/a&gt; (Image &amp;gt; Image Size), then sharpen the smaller version. Sharpening a 6000px image and then downsizing to 1200px wastes the sharpening pass.&lt;/p&gt;

&lt;p&gt;For a comprehensive look at every sharpening, healing, and selection tool Photoshop offers, see &lt;a href="https://pixotter.com/blog/photoshop-photo-editing-tools/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop Photo Editing Tools&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 7: Export for Web, Print, or Archive
&lt;/h2&gt;

&lt;p&gt;The final step depends on where the image is going.&lt;/p&gt;

&lt;h3&gt;
  
  
  Export for Web (Export As)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Go to &lt;strong&gt;File &amp;gt; Export &amp;gt; Export As&lt;/strong&gt; (&lt;code&gt;Alt+Shift+Ctrl+W&lt;/code&gt; / &lt;code&gt;Option+Shift+Cmd+W&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;Choose your format:

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;JPEG&lt;/strong&gt; -- photos for web and social media. Quality 80-85% balances file size and visual quality. Below 70% introduces visible compression artifacts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PNG&lt;/strong&gt; -- images with transparency or hard edges (logos, screenshots, UI elements).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;WebP&lt;/strong&gt; -- smaller files than JPEG at equivalent quality. Supported by all modern browsers.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Set the export dimensions. For a blog image, 1200-1600px on the long edge is standard. For full-width hero images, 1920px wide.&lt;/li&gt;
&lt;li&gt;Check &lt;strong&gt;Convert to sRGB&lt;/strong&gt; -- critical for web. Images in Adobe RGB or ProPhoto RGB look desaturated in browsers that do not support those color spaces.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Export&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Save for Web (Legacy)
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;File &amp;gt; Export &amp;gt; Save for Web (Legacy)&lt;/strong&gt; (&lt;code&gt;Alt+Shift+Ctrl+S&lt;/code&gt; / &lt;code&gt;Option+Shift+Cmd+S&lt;/code&gt;) is the older export dialog. It still exists in Photoshop 2025, shows a side-by-side preview of original versus compressed, and displays the exact file size. Useful when you need to hit a specific file size target.&lt;/p&gt;

&lt;h3&gt;
  
  
  Save for Print
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;File &amp;gt; Save As&lt;/strong&gt; -- choose TIFF (lossless, preserves layers) or PSD (Photoshop native).&lt;/li&gt;
&lt;li&gt;Keep the color profile embedded -- usually Adobe RGB (1998) for print workflows.&lt;/li&gt;
&lt;li&gt;Resolution: &lt;strong&gt;300 ppi&lt;/strong&gt; for commercial printing, &lt;strong&gt;240 ppi&lt;/strong&gt; for high-quality inkjet. Leave at &lt;strong&gt;72 ppi&lt;/strong&gt; only for screen display.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Save the Master File
&lt;/h3&gt;

&lt;p&gt;Always save a PSD with all layers intact before flattening or exporting. This is your non-destructive master. Future edits start from this file, not from the exported JPEG.&lt;/p&gt;

&lt;p&gt;For quick web compression after exporting from Photoshop, drop your JPEG or PNG into &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compress tool&lt;/a&gt; for a fast, lossless squeeze. It frequently shaves another 20-40% off Photoshop's output without visible quality loss.&lt;/p&gt;




&lt;h2&gt;
  
  
  Essential Keyboard Shortcuts
&lt;/h2&gt;

&lt;p&gt;These are the shortcuts you will use on every editing session. Printed for Photoshop 2025 (v26.x) -- Windows shortcuts listed first, Mac in parentheses.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Action&lt;/th&gt;
&lt;th&gt;Shortcut&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Open file&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+O&lt;/code&gt; (&lt;code&gt;Cmd+O&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Duplicate layer&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+J&lt;/code&gt; (&lt;code&gt;Cmd+J&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Crop Tool&lt;/td&gt;
&lt;td&gt;&lt;code&gt;C&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Apply crop / confirm transform&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Enter&lt;/code&gt; (&lt;code&gt;Return&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Levels dialog&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+L&lt;/code&gt; (&lt;code&gt;Cmd+L&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Curves dialog&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+M&lt;/code&gt; (&lt;code&gt;Cmd+M&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Hue/Saturation dialog&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+U&lt;/code&gt; (&lt;code&gt;Cmd+U&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Spot Healing Brush&lt;/td&gt;
&lt;td&gt;&lt;code&gt;J&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Clone Stamp&lt;/td&gt;
&lt;td&gt;&lt;code&gt;S&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Increase brush size&lt;/td&gt;
&lt;td&gt;&lt;code&gt;]&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Decrease brush size&lt;/td&gt;
&lt;td&gt;&lt;code&gt;[&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Zoom to 100%&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+1&lt;/code&gt; (&lt;code&gt;Cmd+1&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Fit image to screen&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+0&lt;/code&gt; (&lt;code&gt;Cmd+0&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Undo&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+Z&lt;/code&gt; (&lt;code&gt;Cmd+Z&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Step backward in history&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+Alt+Z&lt;/code&gt; (&lt;code&gt;Cmd+Option+Z&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Save&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+S&lt;/code&gt; (&lt;code&gt;Cmd+S&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Export As&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Alt+Shift+Ctrl+W&lt;/code&gt; (&lt;code&gt;Option+Shift+Cmd+W&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Save for Web (Legacy)&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Alt+Shift+Ctrl+S&lt;/code&gt; (&lt;code&gt;Option+Shift+Cmd+S&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;New layer&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+Shift+N&lt;/code&gt; (&lt;code&gt;Cmd+Shift+N&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Flatten image&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Ctrl+Shift+E&lt;/code&gt; (&lt;code&gt;Cmd+Shift+E&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  Edit Photos Without Photoshop
&lt;/h2&gt;

&lt;p&gt;Photoshop costs $22.99/month on the Photography plan (as of 2025) and is built for complex, multi-step edits. For simpler tasks -- cropping to an aspect ratio, resizing for a specific platform, compressing for faster web loading -- you do not need it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://pixotter.com/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter&lt;/a&gt; handles &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;crop&lt;/a&gt;, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize&lt;/a&gt;, and &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compress&lt;/a&gt; in your browser. All processing runs client-side via WebAssembly -- your images never leave your device. No install, no subscription, no account.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Use Photoshop when:&lt;/strong&gt; you need adjustment layers, retouching, compositing, masking, or any selective edit. &lt;strong&gt;Use Pixotter when:&lt;/strong&gt; you need a quick crop, resize, format conversion, or compression and want to skip the Photoshop launch.&lt;/p&gt;

&lt;p&gt;For a feature-by-feature comparison of Photoshop and its best free alternative, see &lt;a href="https://pixotter.com/blog/photoshop-vs-gimp/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop vs GIMP&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;For more practical editing advice beyond tool-specific workflows, check out &lt;a href="https://pixotter.com/blog/photo-editing-tips/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photo Editing Tips&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  What is the best photo editing workflow in Photoshop?
&lt;/h3&gt;

&lt;p&gt;Import, crop, exposure (Levels or Curves), color (Hue/Saturation, Vibrance), retouch (Spot Healing Brush, Clone Stamp), sharpen (Unsharp Mask or Smart Sharpen), export. This order matters: exposure affects color perception, retouching should happen on clean tones, and sharpening amplifies everything -- including flaws -- so it comes last.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I edit photos in Photoshop without losing quality?
&lt;/h3&gt;

&lt;p&gt;Yes. Use adjustment layers for every tonal and color change -- they are non-destructive and can be modified or removed at any time. Save your master file as PSD with layers intact. Only flatten and export to JPEG/PNG as the final step. Quality loss happens when you repeatedly open and re-save a JPEG, not from the edits themselves.&lt;/p&gt;

&lt;h3&gt;
  
  
  How long does it take to edit a photo in Photoshop?
&lt;/h3&gt;

&lt;p&gt;A basic edit (crop, exposure, color, sharpen) takes 5-10 minutes. Portrait retouching adds 5-15 minutes depending on how many blemishes you need to remove. Complex compositing or extensive retouching can take hours. The workflow in this guide covers the 5-12 minute range that applies to most single-image edits.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the difference between Levels and Curves?
&lt;/h3&gt;

&lt;p&gt;Levels offers three sliders (black point, white point, midtones) for fast global exposure correction. Curves offers unlimited control points on a tonal response line, allowing you to adjust specific brightness ranges independently. Levels is faster for straightforward fixes. Curves is more precise for targeted adjustments like lifting shadow detail without blowing out highlights. Both produce an adjustment layer and are fully non-destructive.&lt;/p&gt;

&lt;h3&gt;
  
  
  Should I edit in Camera Raw or Photoshop?
&lt;/h3&gt;

&lt;p&gt;Both. Camera Raw excels at global adjustments on raw files -- exposure, white balance, lens correction, and noise reduction all work better on raw data before it is baked into pixels. Photoshop excels at pixel-level work -- retouching, compositing, masking, and selective edits. The professional workflow is: Camera Raw for global corrections, then Open to Photoshop for local edits, retouching, and final export.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>images</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Crop Image in Illustrator: 4 Methods</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Mon, 04 May 2026 15:24:00 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-crop-image-in-illustrator-4-methods-1377</link>
      <guid>https://forem.com/pixotter/how-to-crop-image-in-illustrator-4-methods-1377</guid>
      <description>&lt;h1&gt;
  
  
  How to Crop an Image in Illustrator: 4 Methods (2025)
&lt;/h1&gt;

&lt;p&gt;If you've searched for a Crop tool in Illustrator's toolbar, you didn't miss it — it doesn't exist. Illustrator is a vector editor first, and raster image cropping works differently here than in Photoshop. There's no single-click crop tool in the toolbox.&lt;/p&gt;

&lt;p&gt;That confuses people. Photoshop users expect to press &lt;code&gt;C&lt;/code&gt;, drag a box, and hit Enter. In Illustrator, you have four separate approaches to crop an image, each with different trade-offs around destructiveness, shape flexibility, and version requirements.&lt;/p&gt;

&lt;p&gt;This guide covers all four methods in Illustrator 2025 (v29.x) with exact menu paths, keyboard shortcuts, and a comparison table.&lt;/p&gt;

&lt;p&gt;For a quick raster crop before placing into an Illustrator layout, &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt; handles it in your browser — drag, crop, download. No hidden pixel data bloating your .ai file.&lt;/p&gt;




&lt;h2&gt;
  
  
  Crop Methods at a Glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Method&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;th&gt;Non-Destructive&lt;/th&gt;
&lt;th&gt;Custom Shapes&lt;/th&gt;
&lt;th&gt;Version Required&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Clipping Mask&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Non-rectangular crops, repositionable masks&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;All versions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Artboard Crop&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Export-based workflows, multiple crop variations&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;No (rectangle)&lt;/td&gt;
&lt;td&gt;All versions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Crop Image Tool&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Simple rectangular crops, reducing file size&lt;/td&gt;
&lt;td&gt;No — pixels deleted&lt;/td&gt;
&lt;td&gt;No (rectangle)&lt;/td&gt;
&lt;td&gt;CC 2017+ (v21.0)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Pathfinder Trim&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Cropping vector artwork, boolean shape operations&lt;/td&gt;
&lt;td&gt;No — destructive&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;All versions&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  Method 1: Clipping Mask (Most Common)
&lt;/h2&gt;

&lt;p&gt;Clipping masks are the workhorse cropping method. Draw a shape over the area you want to keep, and Illustrator hides everything outside it. The underlying image stays intact.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Place your image.&lt;/strong&gt; &lt;code&gt;File &amp;gt; Place&lt;/code&gt; (&lt;code&gt;Ctrl+Shift+P&lt;/code&gt; / &lt;code&gt;Cmd+Shift+P&lt;/code&gt;). Click the artboard to position it.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Draw a shape over the crop area.&lt;/strong&gt; Rectangle Tool (&lt;code&gt;M&lt;/code&gt;) for rectangular crops. Ellipse Tool (&lt;code&gt;L&lt;/code&gt;) for circles. Pen Tool (&lt;code&gt;P&lt;/code&gt;) for custom shapes.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Position precisely.&lt;/strong&gt; Use the Transform panel (&lt;code&gt;Window &amp;gt; Transform&lt;/code&gt;) for exact X, Y, Width, and Height values.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Select both objects.&lt;/strong&gt; Click the image, then &lt;code&gt;Shift+click&lt;/code&gt; the shape. The shape must be above the image in the layer stack. If it isn't, select the shape and press &lt;code&gt;Ctrl+Shift+]&lt;/code&gt; / &lt;code&gt;Cmd+Shift+]&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Create the mask.&lt;/strong&gt; &lt;code&gt;Object &amp;gt; Clipping Mask &amp;gt; Make&lt;/code&gt; (&lt;code&gt;Ctrl+7&lt;/code&gt; / &lt;code&gt;Cmd+7&lt;/code&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Editing and Releasing
&lt;/h3&gt;

&lt;p&gt;Double-click the clipped group to enter isolation mode — reposition the image behind the mask, resize either object independently, or reshape the mask boundary. Press &lt;code&gt;Escape&lt;/code&gt; to exit.&lt;/p&gt;

&lt;p&gt;To restore the full image: select the clipped group, then &lt;code&gt;Object &amp;gt; Clipping Mask &amp;gt; Release&lt;/code&gt; (&lt;code&gt;Ctrl+Alt+7&lt;/code&gt; / &lt;code&gt;Cmd+Option+7&lt;/code&gt;).&lt;/p&gt;

&lt;h3&gt;
  
  
  When to Use
&lt;/h3&gt;

&lt;p&gt;Clipping masks handle non-rectangular crops (circles, stars, custom paths), repositionable visible areas, and linked images you don't want to alter. This method covers about 80% of crop image Illustrator workflows.&lt;/p&gt;




&lt;h2&gt;
  
  
  Method 2: Artboard Crop (Export Trick)
&lt;/h2&gt;

&lt;p&gt;This method uses the artboard boundary as your crop frame. Nothing changes on the canvas — the crop happens at export time.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Place your image&lt;/strong&gt; on the artboard.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Activate the Artboard Tool&lt;/strong&gt; (&lt;code&gt;Shift+O&lt;/code&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Resize the artboard to your crop area.&lt;/strong&gt; Drag the handles, or type exact Width and Height values in the Control bar.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Fit to artwork (optional).&lt;/strong&gt; Select the image with the Selection Tool (&lt;code&gt;V&lt;/code&gt;), then &lt;code&gt;Object &amp;gt; Artboards &amp;gt; Fit to Selected Art&lt;/code&gt;. The artboard snaps to the image edges. Resize inward from there.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Export.&lt;/strong&gt; &lt;code&gt;File &amp;gt; Export &amp;gt; Export As&lt;/code&gt;. Check &lt;strong&gt;Use Artboards&lt;/strong&gt;, choose your format (PNG, JPEG, WebP), click Export. The output contains only the pixels within the artboard.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Multiple Crops From One Image
&lt;/h3&gt;

&lt;p&gt;Create multiple artboards over the same image for different crop variations. In the Artboard Tool, &lt;code&gt;Alt+drag&lt;/code&gt; / &lt;code&gt;Option+drag&lt;/code&gt; an existing artboard to duplicate it. Reposition and resize each one. Export with &lt;strong&gt;All&lt;/strong&gt; artboards selected to get separate files.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Use Case&lt;/th&gt;
&lt;th&gt;Dimensions&lt;/th&gt;
&lt;th&gt;Aspect Ratio&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;1080 × 1080 px&lt;/td&gt;
&lt;td&gt;1:1&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Instagram Story&lt;/td&gt;
&lt;td&gt;1080 × 1920 px&lt;/td&gt;
&lt;td&gt;9:16&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;YouTube Thumbnail&lt;/td&gt;
&lt;td&gt;1280 × 720 px&lt;/td&gt;
&lt;td&gt;16:9&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Blog Featured Image&lt;/td&gt;
&lt;td&gt;1200 × 630 px&lt;/td&gt;
&lt;td&gt;1.9:1&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h3&gt;
  
  
  When to Use
&lt;/h3&gt;

&lt;p&gt;Best when your final deliverable is a raster export, when you need multiple crop variations, or when the artboard already defines final output dimensions.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Pre-crop raster images before placing in Illustrator&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Crop to exact pixel dimensions in your browser — no install, no account. Then place the clean file into your layout.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/crop/"&gt;Crop Image Free →&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Method 3: Crop Image Tool (CC 2017+)
&lt;/h2&gt;

&lt;p&gt;Adobe added a dedicated Crop Image feature in CC 2017. In Illustrator 2025 (v29.x), you'll find it labeled &lt;strong&gt;Crop Image&lt;/strong&gt; in the Properties panel when a raster image is selected. Unlike clipping masks, this permanently removes the cropped pixels.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Place and embed your image.&lt;/strong&gt; &lt;code&gt;File &amp;gt; Place&lt;/code&gt;, select your file. If the image is linked, embed it first: select the image and click &lt;strong&gt;Embed&lt;/strong&gt; in the Properties panel or Control bar.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Select the image&lt;/strong&gt; with the Selection Tool (&lt;code&gt;V&lt;/code&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Activate Crop Image.&lt;/strong&gt; Click &lt;strong&gt;Crop Image&lt;/strong&gt; in the Properties panel (under Quick Actions), or go to &lt;code&gt;Object &amp;gt; Crop Image&lt;/code&gt;. A crop boundary with handles appears over the image.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Adjust the crop boundary.&lt;/strong&gt; Drag handles to define the keep area. The removed region appears dimmed. Type exact Width and Height values in the Control bar for precision.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Apply.&lt;/strong&gt; Press &lt;code&gt;Enter&lt;/code&gt; / &lt;code&gt;Return&lt;/code&gt; or click &lt;strong&gt;Apply&lt;/strong&gt;. Pixels outside the boundary are permanently deleted.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Embedded images only&lt;/strong&gt; — linked images must be embedded first, which increases .ai file size.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Rectangular crops only&lt;/strong&gt; — no circles, no custom shapes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Destructive&lt;/strong&gt; — once saved and closed, cropped pixels are gone permanently.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No rotation&lt;/strong&gt; — crop boundary always aligns to artboard axes.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  When to Use
&lt;/h3&gt;

&lt;p&gt;Fastest method for simple rectangular crops when you want to reduce file size. Use it when hidden pixel data from masks would bloat your file, or when preparing final artwork that won't need re-cropping.&lt;/p&gt;




&lt;h2&gt;
  
  
  Method 4: Pathfinder Trim (Vector Cropping)
&lt;/h2&gt;

&lt;p&gt;The Pathfinder panel handles boolean operations on shapes. For cropping, &lt;strong&gt;Intersect&lt;/strong&gt; keeps only the overlapping area, while &lt;strong&gt;Minus Front&lt;/strong&gt; removes a specific region. This is designed for vector artwork, not raster images.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step (Intersect)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Select or create your vector artwork&lt;/strong&gt; — shapes, compound paths, groups.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Draw a shape over the crop area.&lt;/strong&gt; Rectangle Tool (&lt;code&gt;M&lt;/code&gt;) or any closed shape. This defines what you keep.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Select both objects.&lt;/strong&gt; Click the artwork, then &lt;code&gt;Shift+click&lt;/code&gt; the crop shape.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Open Pathfinder.&lt;/strong&gt; &lt;code&gt;Window &amp;gt; Pathfinder&lt;/code&gt; (&lt;code&gt;Ctrl+Shift+F9&lt;/code&gt; / &lt;code&gt;Cmd+Shift+F9&lt;/code&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Click Intersect&lt;/strong&gt; (third icon in Shape Modes). Illustrator keeps only the overlapping area — everything outside is permanently deleted.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Minus Front (Cut Away)
&lt;/h3&gt;

&lt;p&gt;To remove a specific area instead: draw a shape over the area to &lt;strong&gt;remove&lt;/strong&gt;, select both objects, click &lt;strong&gt;Minus Front&lt;/strong&gt; (second icon). The covered area is deleted.&lt;/p&gt;

&lt;h3&gt;
  
  
  Trim
&lt;/h3&gt;

&lt;p&gt;The &lt;strong&gt;Trim&lt;/strong&gt; button (in the Pathfinders row) removes hidden portions of overlapping shapes. Select all overlapping objects and click Trim — Illustrator cuts along intersection boundaries and removes anything hidden behind another shape.&lt;/p&gt;

&lt;h3&gt;
  
  
  When to Use
&lt;/h3&gt;

&lt;p&gt;Pathfinder is for vector artwork — logos, icons, illustrations, type compositions. For raster images, use Methods 1-3 instead.&lt;/p&gt;




&lt;h2&gt;
  
  
  Tips for Raster Images in Illustrator
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Linked vs. Embedded
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Linked&lt;/strong&gt; keeps your .ai file small but doesn't support Crop Image. &lt;strong&gt;Embedded&lt;/strong&gt; stores pixel data inside the file — larger, but self-contained. For web mockups, embed. For print with many high-res photos, keep images linked.&lt;/p&gt;

&lt;h3&gt;
  
  
  Pre-Crop for Cleaner Files
&lt;/h3&gt;

&lt;p&gt;Placing pre-cropped raster images avoids clipping mask overhead and hidden pixel data. &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's crop tool&lt;/a&gt; and &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize tool&lt;/a&gt; handle this in your browser — crop and size to exact dimensions, then place the clean file into Illustrator.&lt;/p&gt;

&lt;h3&gt;
  
  
  Exporting as SVG
&lt;/h3&gt;

&lt;p&gt;SVG embeds raster data as Base64 — a large photo bloats the file. Export raster portions separately as PNG or WebP. See our guides on &lt;a href="https://pixotter.com/blog/convert-png-to-svg/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;converting PNG to SVG&lt;/a&gt; and &lt;a href="https://pixotter.com/blog/convert-svg-to-png/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;converting SVG to PNG&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Illustrator vs. Photoshop Cropping
&lt;/h2&gt;

&lt;p&gt;If you're used to &lt;a href="https://pixotter.com/blog/how-to-crop-image-in-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop's Crop Tool&lt;/a&gt;, Illustrator feels indirect. Photoshop modifies the pixel canvas directly — press &lt;code&gt;C&lt;/code&gt;, drag, Enter. Illustrator treats raster images as objects within a vector workspace, so cropping always goes through masks, artboard boundaries, or the Crop Image feature.&lt;/p&gt;

&lt;p&gt;This isn't a limitation — it reflects different design philosophies. Illustrator excels at layouts, logos, and vector compositions. For workflows that involve both tools, a common pattern is: crop raster images in Photoshop (or &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's browser-based cropper&lt;/a&gt;), then place them into Illustrator for layout work.&lt;/p&gt;

&lt;p&gt;For more on working with images in Illustrator, see &lt;a href="https://pixotter.com/blog/resize-image-in-illustrator/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize an image in Illustrator&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Where is the crop tool in Illustrator?
&lt;/h3&gt;

&lt;p&gt;There's no crop tool in the toolbar. For raster images, select the image and use &lt;code&gt;Object &amp;gt; Crop Image&lt;/code&gt; (CC 2017+) or the &lt;strong&gt;Crop Image&lt;/strong&gt; button in the Properties panel. For mask-based cropping, use &lt;code&gt;Object &amp;gt; Clipping Mask &amp;gt; Make&lt;/code&gt; (&lt;code&gt;Ctrl+7&lt;/code&gt; / &lt;code&gt;Cmd+7&lt;/code&gt;). For vector objects, the Pathfinder panel handles boolean cropping.&lt;/p&gt;

&lt;h3&gt;
  
  
  Does cropping reduce file size?
&lt;/h3&gt;

&lt;p&gt;Only the Crop Image tool (&lt;code&gt;Object &amp;gt; Crop Image&lt;/code&gt;) deletes pixel data and reduces file size. Clipping masks hide pixels but keep all image data in the file. Artboard cropping reduces the &lt;em&gt;exported&lt;/em&gt; file size but doesn't shrink the .ai document.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I crop an image to a circle?
&lt;/h3&gt;

&lt;p&gt;Yes — use a clipping mask. Draw a circle with the Ellipse Tool (&lt;code&gt;L&lt;/code&gt;), hold &lt;code&gt;Shift&lt;/code&gt; to constrain proportions. Select both the circle and the image (circle on top), press &lt;code&gt;Ctrl+7&lt;/code&gt; / &lt;code&gt;Cmd+7&lt;/code&gt;. This works with any closed shape: stars, polygons, pen paths, compound shapes, even text outlines.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I undo a crop in Illustrator?
&lt;/h3&gt;

&lt;p&gt;Clipping masks are fully reversible — &lt;code&gt;Object &amp;gt; Clipping Mask &amp;gt; Release&lt;/code&gt; (&lt;code&gt;Ctrl+Alt+7&lt;/code&gt; / &lt;code&gt;Cmd+Option+7&lt;/code&gt;) at any time. Artboard crops never modify the image, so there's nothing to undo. The Crop Image tool is destructive: &lt;code&gt;Ctrl+Z&lt;/code&gt; / &lt;code&gt;Cmd+Z&lt;/code&gt; works within the current session, but after saving and closing, cropped pixels are gone. Save a backup before using Crop Image.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I crop to exact dimensions?
&lt;/h3&gt;

&lt;p&gt;With Crop Image: select the embedded image, click &lt;strong&gt;Crop Image&lt;/strong&gt;, type Width and Height in the Control bar, press Apply. With clipping masks: select the Rectangle Tool (&lt;code&gt;M&lt;/code&gt;), click once on the artboard (don't drag) to open the dimension dialog, type exact values, position the rectangle, select both objects, press &lt;code&gt;Ctrl+7&lt;/code&gt; / &lt;code&gt;Cmd+7&lt;/code&gt;. For pixel-perfect raster crops, &lt;a href="https://pixotter.com/crop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;pre-crop to exact dimensions&lt;/a&gt; before placing.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>images</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Print a Large Photo on Multiple Pages</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Mon, 04 May 2026 06:38:33 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-print-a-large-photo-on-multiple-pages-2l3i</link>
      <guid>https://forem.com/pixotter/how-to-print-a-large-photo-on-multiple-pages-2l3i</guid>
      <description>&lt;h1&gt;
  
  
  How to Print a Large Photo on Multiple Pages (5 Methods)
&lt;/h1&gt;

&lt;p&gt;You have a photo that deserves to go big — a panoramic landscape, an event banner, a classroom display, or a piece of wall art. Your printer handles letter or A4 sheets. The fix: &lt;strong&gt;print the photo across multiple pages&lt;/strong&gt;, trim the edges, and assemble the tiles into one oversized print.&lt;/p&gt;

&lt;p&gt;This is called &lt;strong&gt;tiled printing&lt;/strong&gt;, and it works with any standard home or office printer. No wide-format plotter, no print shop visit, no special paper. Below are five methods ranked by ease of use — plus the resolution prep that makes the difference between a sharp poster and a blurry mess.&lt;/p&gt;

&lt;h2&gt;
  
  
  First Step: Get Your Resolution Right
&lt;/h2&gt;

&lt;p&gt;Printing across multiple pages magnifies every pixel. A photo that looks great on screen can fall apart when spread across six sheets of paper. Before you pick a tiling tool, check your source image.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The rule:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;150 DPI&lt;/strong&gt; at assembled size — acceptable for posters viewed from 3+ feet (event banners, wall art).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;300 DPI&lt;/strong&gt; at assembled size — sharp at arm's length (conference posters, classroom displays, anything with text).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;What that means in pixels:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Final Poster Size&lt;/th&gt;
&lt;th&gt;Pixels at 150 DPI&lt;/th&gt;
&lt;th&gt;Pixels at 300 DPI&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;18 × 24 in&lt;/td&gt;
&lt;td&gt;2,700 × 3,600&lt;/td&gt;
&lt;td&gt;5,400 × 7,200&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;24 × 36 in&lt;/td&gt;
&lt;td&gt;3,600 × 5,400&lt;/td&gt;
&lt;td&gt;7,200 × 10,800&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;36 × 48 in&lt;/td&gt;
&lt;td&gt;5,400 × 7,200&lt;/td&gt;
&lt;td&gt;10,800 × 14,400&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;If your image does not have enough pixels, &lt;strong&gt;resize it before tiling.&lt;/strong&gt; Use &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; to scale your image to exact pixel dimensions — everything runs in your browser, no upload required. For a deeper look at DPI, resolution, and how they relate, see &lt;a href="https://pixotter.com/blog/what-is-image-resolution/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;what image resolution actually means&lt;/a&gt;. To set a specific DPI value, our guide on &lt;a href="https://pixotter.com/blog/make-image-300-dpi/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to make an image 300 DPI&lt;/a&gt; walks through both methods (metadata change vs. resampling).&lt;/p&gt;

&lt;p&gt;For a complete list of poster dimensions in pixels, see our &lt;a href="https://pixotter.com/blog/poster-size-in-pixels/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;poster size in pixels reference&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method Comparison Table
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Tool&lt;/th&gt;
&lt;th&gt;Platform&lt;/th&gt;
&lt;th&gt;Cost&lt;/th&gt;
&lt;th&gt;Ease of Use&lt;/th&gt;
&lt;th&gt;Overlap Control&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;PosteRazor&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Windows, macOS, Linux&lt;/td&gt;
&lt;td&gt;Free (GPLv3)&lt;/td&gt;
&lt;td&gt;Good&lt;/td&gt;
&lt;td&gt;Yes — per-edge overlap and margins&lt;/td&gt;
&lt;td&gt;Full control, cross-platform&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Adobe Acrobat Reader&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Windows, macOS&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;td&gt;Excellent&lt;/td&gt;
&lt;td&gt;Yes — "Poster" mode with overlap&lt;/td&gt;
&lt;td&gt;Tiled printing from existing PDFs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Microsoft Excel/Word&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Windows, macOS&lt;/td&gt;
&lt;td&gt;Microsoft 365 sub&lt;/td&gt;
&lt;td&gt;Moderate&lt;/td&gt;
&lt;td&gt;Manual via page breaks&lt;/td&gt;
&lt;td&gt;Office users, no extra install&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;macOS Preview&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;macOS only&lt;/td&gt;
&lt;td&gt;Free (built-in)&lt;/td&gt;
&lt;td&gt;Excellent&lt;/td&gt;
&lt;td&gt;No — scale percentage only&lt;/td&gt;
&lt;td&gt;Mac users, zero setup&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Rasterbator&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Web browser&lt;/td&gt;
&lt;td&gt;Free&lt;/td&gt;
&lt;td&gt;Good&lt;/td&gt;
&lt;td&gt;Yes — full layout options&lt;/td&gt;
&lt;td&gt;Artistic halftone wall posters&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Method 1: PosteRazor (Free, Cross-Platform)
&lt;/h2&gt;

&lt;p&gt;PosteRazor is a small, open-source tool built for exactly this job: slice an image into printable tiles with precise control over overlap, margins, and final size. It runs on Windows, macOS, and Linux.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Download PosteRazor&lt;/strong&gt; from &lt;a href="https://posterazor.sourceforge.io/" rel="noopener noreferrer"&gt;posterazor.sourceforge.io&lt;/a&gt;. Version 1.5.1 is the current stable release. Licensed under GPLv3.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Load your image.&lt;/strong&gt; PosteRazor accepts JPEG, PNG, BMP, and TIFF. Use the highest-resolution version you have — if you need to upscale first, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize it with Pixotter&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set paper size and orientation.&lt;/strong&gt; Pick your printer's paper size (Letter, A4, Legal) and set margins to match your printer's printable area. Most inkjet printers have a minimum margin of 0.2 to 0.5 inches per side.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set overlap.&lt;/strong&gt; An overlap of 0.5 to 1 inch (12–25 mm) gives you room to align and tape sheets together without visible gaps. PosteRazor lets you configure overlap on each edge independently.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set final poster size.&lt;/strong&gt; Enter the assembled width and height in inches or centimeters. PosteRazor calculates the number of pages required and shows a tile layout preview.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Save as PDF.&lt;/strong&gt; PosteRazor outputs a multi-page PDF with one page per tile. Print this PDF at &lt;strong&gt;100% scale&lt;/strong&gt; — do not use "Fit to Page."&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Tips
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Disable scaling in your print dialog.&lt;/strong&gt; Look for "Fit to Page," "Shrink to Printable Area," or "Auto-Scale" and turn it off. Scaling throws off tile alignment.&lt;/li&gt;
&lt;li&gt;Print one test page first. Verify that margins and colors are correct before committing to the full set.&lt;/li&gt;
&lt;li&gt;Use the tile layout preview to check that important content (faces, text, focal points) does not land on a seam. Adjust overlap or final size to shift seam positions.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;PosteRazor is the strongest option for anyone learning how to print a large photo on multiple pages because it provides full control over every variable at zero cost.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Prepare your image for large prints&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Resize to exact pixel dimensions and verify DPI before tiling — free, in your browser.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/resize/"&gt;Resize Image →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 2: Adobe Acrobat Reader Tiled Printing
&lt;/h2&gt;

&lt;p&gt;Adobe Acrobat Reader (the free version — no Pro subscription needed) has a built-in poster printing mode that tiles any PDF across multiple pages. If your image is already in a PDF, this is the fastest path.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Open your PDF&lt;/strong&gt; in Adobe Acrobat Reader (version 2024.004 or later). If your image is a JPEG or PNG, convert it to PDF first — most image viewers can do this via File &amp;gt; Print &amp;gt; Save as PDF, or you can use an online converter.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Open the print dialog:&lt;/strong&gt; File &amp;gt; Print.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Click "Poster"&lt;/strong&gt; under "Page Sizing &amp;amp; Handling."&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set Tile Scale.&lt;/strong&gt; This controls magnification. At 100%, the PDF prints at its original dimensions. At 200%, it doubles — a letter-size PDF becomes four pages. Adjust until the preview shows the page count you want.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set Overlap.&lt;/strong&gt; Enter 0.5 inches for a comfortable alignment margin. Acrobat prints duplicate content on adjacent tiles at the overlap zone.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Enable "Cut marks"&lt;/strong&gt; if you want printed trim lines on each tile.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Print.&lt;/strong&gt; Use 100% scale in the printer driver — Acrobat's own "Poster" mode handles the scaling.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to Use This
&lt;/h3&gt;

&lt;p&gt;This method works best when you already have a PDF — a conference poster from PowerPoint, a design from Illustrator or Canva, or an architectural drawing. The limitation: you control scale percentage rather than exact assembled dimensions in inches. For precise final size control, PosteRazor is better.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3: The Microsoft Excel (or Word) Trick
&lt;/h2&gt;

&lt;p&gt;This sounds odd, but Excel has been an office workhorse for tiled printing for years. Word works too — insert the image and resize it beyond the page boundaries.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step (Excel)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Open a new blank workbook&lt;/strong&gt; in Microsoft Excel (Microsoft 365 or Excel 2021+).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Insert your image:&lt;/strong&gt; Insert &amp;gt; Pictures &amp;gt; select your file.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Resize the image&lt;/strong&gt; by dragging a corner handle while holding Shift (preserves aspect ratio). Make the image span as many cells as you need.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Switch to Page Break Preview:&lt;/strong&gt; View &amp;gt; Page Break Preview. Blue dashed lines show where each printed page starts and ends.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Adjust page breaks&lt;/strong&gt; by dragging the blue lines. Each rectangle between breaks becomes one printed tile.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set narrow margins:&lt;/strong&gt; Page Layout &amp;gt; Margins &amp;gt; Narrow (or Custom with 0.25-inch margins on all sides).&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Print at 100% scale.&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Step-by-Step (Word)
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open a new document in Word. Insert &amp;gt; Pictures &amp;gt; select your image.&lt;/li&gt;
&lt;li&gt;Right-click the image, select &lt;strong&gt;Size and Position&lt;/strong&gt;, and set width/height to your desired poster dimensions (e.g., 36 inches wide).&lt;/li&gt;
&lt;li&gt;Word automatically flows the oversized image across multiple printed pages.&lt;/li&gt;
&lt;li&gt;Set margins to Narrow (0.5 inch) under Layout &amp;gt; Margins.&lt;/li&gt;
&lt;li&gt;Print at actual size.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Pro:&lt;/strong&gt; No extra software. You likely already have Office installed.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Con:&lt;/strong&gt; No dedicated overlap control. You need to manually arrange the image so adjacent pages share some overlapping content. The process is fiddlier than PosteRazor. But for a one-off poster, it works.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 4: macOS Preview (Zero-Install Option)
&lt;/h2&gt;

&lt;p&gt;Every Mac has Preview pre-installed. No downloads, no accounts, no setup.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Open your image&lt;/strong&gt; in Preview (double-click the file — Preview is the default handler for images on macOS).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Open the print dialog:&lt;/strong&gt; File &amp;gt; Print (Cmd+P).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Click "Show Details"&lt;/strong&gt; to expand the print options.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Increase the Scale percentage&lt;/strong&gt; beyond 100%. At 200%, the image prints twice as large — across roughly four sheets. At 400%, it fills about sixteen sheets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Check the page count&lt;/strong&gt; in the preview pane. Adjust scale until you have the coverage you need.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Print.&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Limitations
&lt;/h3&gt;

&lt;p&gt;Preview has no overlap control and no cut marks. You are working with a single scale slider. For casual projects — a birthday banner, a quick classroom display, a party decoration — this is perfectly fine. For precision tiling where seam alignment matters, PosteRazor gives you the control Preview lacks.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 5: Rasterbator (Web-Based, Artistic)
&lt;/h2&gt;

&lt;p&gt;The Rasterbator at &lt;a href="https://rasterbator.net/" rel="noopener noreferrer"&gt;rasterbator.net&lt;/a&gt; is a web-based tool that creates wall-sized prints with an optional halftone effect — your image rendered as a pattern of colored dots or circles.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step-by-Step
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Go to rasterbator.net&lt;/strong&gt; and upload your image.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set output size.&lt;/strong&gt; Specify width in sheets (e.g., "5 sheets wide") or in centimeters/inches.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Choose a style:&lt;/strong&gt; classic halftone dots, color dots, solid color (no effect), or several artistic variations. Select "No effects" for a straight photographic print across tiles.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Generate and download the PDF.&lt;/strong&gt; Print at 100% scale with no fit-to-page.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  When to Use This
&lt;/h3&gt;

&lt;p&gt;Rasterbator is ideal for large artistic prints — dorm room wall art, event backdrops, retail window displays. The halftone effect is forgiving of lower-resolution source images because the dot pattern itself becomes the visual texture. If you want photorealistic output without the artistic effect, select "No effects" mode — but PosteRazor still gives finer control over margins and overlap.&lt;/p&gt;

&lt;h2&gt;
  
  
  Practical Use Cases
&lt;/h2&gt;

&lt;h3&gt;
  
  
  DIY Wall Art
&lt;/h3&gt;

&lt;p&gt;You shot a panoramic photo that deserves more than a phone screen. PosteRazor + 12 sheets of glossy photo paper (roughly $8) + clear tape = a 3 × 4 foot wall print for under $10. Professional printing the same size costs $60–$100+.&lt;/p&gt;

&lt;h3&gt;
  
  
  Event Banner
&lt;/h3&gt;

&lt;p&gt;Your community group needs a 6-foot banner by Saturday. No time to order from a print shop. Print the design across 8 landscape-oriented sheets in Excel, tape them to a foam board, and you have a banner in 30 minutes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Classroom Display
&lt;/h3&gt;

&lt;p&gt;Teachers print large photos on multiple pages constantly — bulletin boards, science fair backdrops, educational diagrams, historical timelines. The macOS Preview method is the fastest option here: open the image, bump the scale to 300%, print, done. No installs, no accounts.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conference or Academic Poster
&lt;/h3&gt;

&lt;p&gt;Academic conferences expect posters at 36 × 48 inches or larger. If you lack access to a plotter, tiled printing from PosteRazor or Adobe Acrobat Reader produces solid results — particularly when you start with a 300 DPI source. Trim carefully with a ruler and craft knife, mount on foam board, and the seams are barely visible at viewing distance. For guidance on print sizes, see our &lt;a href="https://pixotter.com/blog/standard-photo-print-sizes/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;standard photo print sizes guide&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Assembling Your Tiled Print
&lt;/h2&gt;

&lt;p&gt;Printing is half the job. Assembly determines whether the final result looks professional or patchy.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Trim overlap edges.&lt;/strong&gt; Use a metal ruler and a craft knife or rotary cutter. Scissors introduce wobble. Cut along the overlap boundary — the line where the duplicate content on adjacent tiles meets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lay out all tiles face-down.&lt;/strong&gt; Arrange them in grid order before taping anything. Number the backs lightly with pencil if you have many tiles.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tape from the back.&lt;/strong&gt; Use clear packing tape or artist's tape along each seam. This keeps the front surface clean.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Mount on backing.&lt;/strong&gt; Foam board is the standard choice — lightweight, rigid, available at any office supply store. Spray adhesive gives the most even bond. Poster board and repurposed cardboard work for temporary displays.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Protect the surface (optional).&lt;/strong&gt; A single coat of matte clear spray protects against fingerprints and UV fading. Do not over-spray — one light, even coat from 12 inches away.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Troubleshooting
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Tiles do not align.&lt;/strong&gt; Your printer is scaling the output. Check for "Fit to Page," "Shrink to Printable Area," or "Auto-Scale" in the print dialog and set scaling to 100% or "Actual Size."&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Image looks blurry or pixelated.&lt;/strong&gt; Your source resolution is too low for the assembled size. You need at least 150 DPI (ideally 300 DPI) at the final dimensions. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize your image&lt;/a&gt; to the required pixel count before tiling. If you have a small source image, resize it first — pixel interpolation at the right target dimensions produces a better result than letting PosteRazor or your printer stretch a low-res file.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;White gaps between tiles.&lt;/strong&gt; You printed without overlap. Reprint with 0.5-inch overlap (PosteRazor and Acrobat Reader both support this). For minor gaps on an existing print, use a marker matching the image's background color to fill thin seam lines.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Color variation between pages.&lt;/strong&gt; Inkjet printers can shift color slightly between sheets, especially if the printer pauses mid-job. Print all tiles in a single batch without pausing. Use the same paper type and the same paper tray for every sheet.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;File too large to print.&lt;/strong&gt; High-resolution images tiled into multi-page PDFs can exceed 100 MB. If your printer driver struggles, run the source image through &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compressor&lt;/a&gt; to reduce file size before tiling. Compression removes file weight without visible quality loss at print resolution.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Can I print a large photo on multiple pages without installing software?
&lt;/h3&gt;

&lt;p&gt;Yes. On macOS, Preview is built in — increase the print scale beyond 100% and it tiles automatically. On Windows, Adobe Acrobat Reader (free download) has a "Poster" mode that tiles any PDF. The Rasterbator works entirely in your web browser with no install at all. Microsoft Word and Excel can also span an oversized image across multiple printed pages.&lt;/p&gt;

&lt;h3&gt;
  
  
  What resolution does my source image need?
&lt;/h3&gt;

&lt;p&gt;Aim for 300 DPI at the final assembled size for prints viewed at arm's length. For wall posters viewed from several feet back, 150 DPI is sufficient. A 24 × 36 inch poster at 300 DPI needs a source image of at least 7,200 × 10,800 pixels. Check your current dimensions and resize if needed with the &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter resize tool&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  How much overlap should I use between tiles?
&lt;/h3&gt;

&lt;p&gt;Between 0.5 and 1 inch (12–25 mm) works well. Smaller overlap makes trimming harder — you have less margin for error when cutting. Larger overlap wastes paper. PosteRazor and Adobe Acrobat Reader both let you set exact overlap values. macOS Preview and the Excel method do not offer overlap controls, so you need to plan alignment manually.&lt;/p&gt;

&lt;h3&gt;
  
  
  What paper works best for tiled poster printing?
&lt;/h3&gt;

&lt;p&gt;For photo-quality output, use glossy or semi-gloss photo paper at 200 gsm or higher. For temporary displays (banners, classroom boards, event signage), standard 80 gsm copy paper keeps costs low. Matte photo paper is a strong middle option — less glare than glossy, hides fingerprints, and still produces vibrant color.&lt;/p&gt;

&lt;h3&gt;
  
  
  How do I print a poster larger than my image's resolution allows?
&lt;/h3&gt;

&lt;p&gt;If your image does not have enough pixels for the poster size you want, you need to upscale it before tiling. Simply stretching a low-res image produces blur. Use &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; to scale your image to the target pixel dimensions — the interpolation algorithm preserves detail better than letting a print tool stretch the file. For reference on exactly how many pixels you need for any given print size, see our &lt;a href="https://pixotter.com/blog/poster-size-in-pixels/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;poster size in pixels guide&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;Printing a large photo on multiple pages takes five minutes of setup and produces results that rival professional wide-format printing — at a fraction of the cost.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;PosteRazor&lt;/strong&gt; (v1.5.1, GPLv3) for full control over overlap, margins, and assembled size. Free, cross-platform.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Adobe Acrobat Reader&lt;/strong&gt; for fast tiled printing from existing PDFs.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Excel or Word&lt;/strong&gt; when you want a no-download solution using Office tools you already have.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;macOS Preview&lt;/strong&gt; for the fastest zero-setup method on a Mac.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Rasterbator&lt;/strong&gt; for artistic halftone-style wall posters.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The single most important step: &lt;strong&gt;start with a high-resolution source image.&lt;/strong&gt; Check dimensions and DPI before you tile. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles both — scale to exact pixels and verify DPI, entirely in your browser with no upload.&lt;/p&gt;

</description>
      <category>photography</category>
      <category>tutorial</category>
      <category>beginners</category>
      <category>images</category>
    </item>
    <item>
      <title>How to Print Photo from Phone (Android Guide 2026)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Sun, 03 May 2026 21:08:28 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-print-photo-from-phone-android-guide-2026-234j</link>
      <guid>https://forem.com/pixotter/how-to-print-photo-from-phone-android-guide-2026-234j</guid>
      <description>&lt;h1&gt;
  
  
  How to Print Photo from Phone: 6 Easy Methods
&lt;/h1&gt;

&lt;p&gt;You snapped a great photo and now you want it on paper. Figuring out how to print photo from phone is surprisingly straightforward -- you just need to pick the right method for your situation. Whether you want a quick 4x6 from the drugstore or a framed 8x10 from your home printer, this guide walks you through every option available on Android.&lt;/p&gt;

&lt;p&gt;Using an iPhone? Head over to our &lt;a href="https://pixotter.com/blog/how-to-print-photo-from-iphone/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;iPhone printing guide&lt;/a&gt; for iOS-specific steps.&lt;/p&gt;

&lt;h2&gt;
  
  
  Before You Print: Resize Your Photo for Sharp Results
&lt;/h2&gt;

&lt;p&gt;Here is the step most people skip -- and it is the difference between a crisp print and a blurry one.&lt;/p&gt;

&lt;p&gt;Phone cameras shoot at resolutions designed for screens, not paper. A 12MP photo has plenty of pixels for a 4x6, but if you crop heavily or try to print at 16x20, you will see softness. And if you send a massive 48MP file to a drugstore kiosk, the kiosk software will resize it for you -- often badly, with awkward cropping.&lt;/p&gt;

&lt;p&gt;The fix: &lt;strong&gt;resize your photo to exact print dimensions before sending it anywhere.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Use &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; right in your phone's browser. Set your target print size -- 4x6, 5x7, 8x10 -- and Pixotter handles the math. No app to install, no account to create. Your photo never leaves your device.&lt;/p&gt;

&lt;p&gt;For the best print quality, aim for &lt;a href="https://pixotter.com/blog/make-image-300-dpi/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;300 DPI at your target print size&lt;/a&gt;. Not sure what pixel dimensions you need? Our &lt;a href="https://pixotter.com/blog/standard-photo-print-sizes/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;standard photo print sizes guide&lt;/a&gt; covers every common format.&lt;/p&gt;

&lt;p&gt;Here are the pixel dimensions you need for common print sizes at 300 DPI:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Print Size&lt;/th&gt;
&lt;th&gt;Pixels Needed (300 DPI)&lt;/th&gt;
&lt;th&gt;Aspect Ratio&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;4x6&lt;/td&gt;
&lt;td&gt;1800 x 1200&lt;/td&gt;
&lt;td&gt;3:2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;5x7&lt;/td&gt;
&lt;td&gt;2100 x 1500&lt;/td&gt;
&lt;td&gt;7:5&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;8x10&lt;/td&gt;
&lt;td&gt;3000 x 2400&lt;/td&gt;
&lt;td&gt;5:4&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;11x14&lt;/td&gt;
&lt;td&gt;4200 x 3300&lt;/td&gt;
&lt;td&gt;14:11&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;16x20&lt;/td&gt;
&lt;td&gt;6000 x 4800&lt;/td&gt;
&lt;td&gt;5:4&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Phone cameras shoot at 4:3 or 16:9, but none of those standard print sizes use those ratios. Without pre-cropping, the printer decides what to chop off. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize first&lt;/a&gt; and you keep full control.&lt;/p&gt;

&lt;h2&gt;
  
  
  Printing Methods at a Glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Method&lt;/th&gt;
&lt;th&gt;Platform&lt;/th&gt;
&lt;th&gt;Cost Per 4x6&lt;/th&gt;
&lt;th&gt;Speed&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Google Photos&lt;/td&gt;
&lt;td&gt;Any Android&lt;/td&gt;
&lt;td&gt;Ink + paper (~$0.20-$0.75)&lt;/td&gt;
&lt;td&gt;Instant&lt;/td&gt;
&lt;td&gt;Quick prints on a home Wi-Fi printer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Samsung Gallery&lt;/td&gt;
&lt;td&gt;Samsung phones&lt;/td&gt;
&lt;td&gt;Ink + paper (~$0.20-$0.75)&lt;/td&gt;
&lt;td&gt;Instant&lt;/td&gt;
&lt;td&gt;Samsung users with a wireless printer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Canon PRINT Inkjet&lt;/td&gt;
&lt;td&gt;Android, iOS&lt;/td&gt;
&lt;td&gt;Ink + paper (~$0.20-$0.75)&lt;/td&gt;
&lt;td&gt;Instant&lt;/td&gt;
&lt;td&gt;Canon printer owners who want color control&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;HP Smart&lt;/td&gt;
&lt;td&gt;Android, iOS&lt;/td&gt;
&lt;td&gt;Ink + paper (~$0.20-$0.75)&lt;/td&gt;
&lt;td&gt;Instant&lt;/td&gt;
&lt;td&gt;HP printer owners, print-anywhere feature&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pharmacy apps&lt;/td&gt;
&lt;td&gt;Android, iOS&lt;/td&gt;
&lt;td&gt;$0.25-$0.50&lt;/td&gt;
&lt;td&gt;1-2 hours&lt;/td&gt;
&lt;td&gt;Same-day pickup, no printer needed&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;In-store kiosk&lt;/td&gt;
&lt;td&gt;Walk-in&lt;/td&gt;
&lt;td&gt;$0.25-$0.50&lt;/td&gt;
&lt;td&gt;5 minutes&lt;/td&gt;
&lt;td&gt;Instant prints, no app or account needed&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  Method 1: Print with Google Photos (Any Android Phone)
&lt;/h2&gt;

&lt;p&gt;Google Photos comes pre-installed on most Android devices, and its built-in print function works with any Wi-Fi-connected printer.&lt;/p&gt;

&lt;h3&gt;
  
  
  Steps to print from Google Photos
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open &lt;strong&gt;Google Photos&lt;/strong&gt; and tap the photo you want to print&lt;/li&gt;
&lt;li&gt;Tap the &lt;strong&gt;three-dot menu&lt;/strong&gt; in the upper right&lt;/li&gt;
&lt;li&gt;Select &lt;strong&gt;Print&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Android's print dialog appears -- choose your printer from the dropdown at the top&lt;/li&gt;
&lt;li&gt;Tap the &lt;strong&gt;down arrow&lt;/strong&gt; next to the printer name to expand options: paper size, copies, orientation&lt;/li&gt;
&lt;li&gt;Tap the &lt;strong&gt;print icon&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Google Photos printing tips
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;If your printer does not appear, confirm your phone and printer are on the same Wi-Fi network&lt;/li&gt;
&lt;li&gt;Google Photos uses Android's built-in print service, so it works with most modern wireless printers without extra drivers&lt;/li&gt;
&lt;li&gt;Google Photos does not let you set exact print dimensions or DPI -- &lt;a href="https://pixotter.com/blog/how-to-resize-photo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize your photo first&lt;/a&gt; for best results&lt;/li&gt;
&lt;li&gt;Photos stored in the cloud download automatically before printing&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Method 2: Print with Samsung Gallery (Samsung Phones)
&lt;/h2&gt;

&lt;p&gt;Samsung's built-in Gallery app has its own print flow and integrates tightly with Samsung printers. It uses the same Android print framework as Google Photos but adds Samsung-specific discovery.&lt;/p&gt;

&lt;h3&gt;
  
  
  Steps to print from Samsung Gallery
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open &lt;strong&gt;Samsung Gallery&lt;/strong&gt; and select your photo&lt;/li&gt;
&lt;li&gt;Tap the &lt;strong&gt;three-dot menu&lt;/strong&gt; in the upper right&lt;/li&gt;
&lt;li&gt;Tap &lt;strong&gt;Print&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Select your printer from the list -- if you do not see it, tap &lt;strong&gt;All printers&lt;/strong&gt; to search&lt;/li&gt;
&lt;li&gt;Adjust paper size, orientation, and copies&lt;/li&gt;
&lt;li&gt;Tap &lt;strong&gt;Print&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Samsung-specific features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Samsung Print Service Plugin&lt;/strong&gt; auto-discovers Samsung printers on your network -- grab it from the Galaxy Store if your printer is not detected&lt;/li&gt;
&lt;li&gt;HP, Canon, Epson, and Brother all have their own print service plugins available on the Play Store&lt;/li&gt;
&lt;li&gt;If you have a Samsung printer, the connection is nearly instant with zero configuration&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Method 3: Canon PRINT Inkjet/SELPHY
&lt;/h2&gt;

&lt;p&gt;Canon's app gives you more control over color and layout than the built-in Android print dialog. If you own a Canon printer, this is the better option.&lt;/p&gt;

&lt;h3&gt;
  
  
  Steps to print using Canon PRINT
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Install &lt;strong&gt;Canon PRINT Inkjet/SELPHY&lt;/strong&gt; from Google Play (version 3.1.1 or later)&lt;/li&gt;
&lt;li&gt;Open the app and tap &lt;strong&gt;Photo Print&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Grant permission to access your photos&lt;/li&gt;
&lt;li&gt;Select the photo you want to print&lt;/li&gt;
&lt;li&gt;Choose your paper size and type (plain, glossy, matte)&lt;/li&gt;
&lt;li&gt;Adjust print settings: borderless, color correction, brightness&lt;/li&gt;
&lt;li&gt;Tap &lt;strong&gt;Print&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Why use the Canon app over generic printing
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Color correction&lt;/strong&gt; adjusts for paper type automatically -- glossy and matte produce noticeably different results&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Borderless printing&lt;/strong&gt; fills the entire page with no white edges&lt;/li&gt;
&lt;li&gt;Supports Canon's compact SELPHY printers for credit-card-sized and postcard prints&lt;/li&gt;
&lt;li&gt;Handles multi-photo layouts (2-up, 4-up) for contact sheets or wallet-sized prints&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Method 4: HP Smart
&lt;/h2&gt;

&lt;p&gt;HP Smart works with any HP printer manufactured after 2015. Beyond printing, it monitors ink levels, manages print queues, and supports remote printing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Steps to print using HP Smart
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Install &lt;strong&gt;HP Smart&lt;/strong&gt; from Google Play (version 13.0 or later)&lt;/li&gt;
&lt;li&gt;Open the app and add your printer -- it detects HP printers on your Wi-Fi automatically&lt;/li&gt;
&lt;li&gt;Tap &lt;strong&gt;Print Photos&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Select photos from your gallery&lt;/li&gt;
&lt;li&gt;Choose paper size and quality (draft, normal, best)&lt;/li&gt;
&lt;li&gt;Tap &lt;strong&gt;Print&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  HP Smart advantages
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Ink level monitoring&lt;/strong&gt; tells you when to restock before you start a big print job and run dry halfway through&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Print Anywhere&lt;/strong&gt; lets you send jobs to your HP printer even when you are not on the same Wi-Fi network -- useful when you are out and want prints ready when you get home&lt;/li&gt;
&lt;li&gt;Supports HP Instant Ink subscribers who pay per page rather than per cartridge&lt;/li&gt;
&lt;li&gt;Built-in scanner turns your phone camera into a document scanner&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Method 5: Pharmacy and Retail Photo Apps
&lt;/h2&gt;

&lt;p&gt;No printer at home? Walgreens, CVS, and Walmart all have photo printing apps that let you order prints from your phone and pick them up the same day -- sometimes within an hour.&lt;/p&gt;

&lt;h3&gt;
  
  
  Walgreens Photo
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Install &lt;strong&gt;Walgreens&lt;/strong&gt; from Google Play (version 10.8 or later)&lt;/li&gt;
&lt;li&gt;Open the app and tap &lt;strong&gt;Photo&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Select &lt;strong&gt;Prints&lt;/strong&gt; and choose your size (4x6, 5x7, 8x10, wallet)&lt;/li&gt;
&lt;li&gt;Pick photos from your gallery&lt;/li&gt;
&lt;li&gt;Crop and adjust if needed&lt;/li&gt;
&lt;li&gt;Choose &lt;strong&gt;Same Day Pickup&lt;/strong&gt; and select your nearest store&lt;/li&gt;
&lt;li&gt;Pay in the app ($0.35 per 4x6) and pick up when the notification arrives&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  CVS Photo
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Install &lt;strong&gt;CVS Photo&lt;/strong&gt; from Google Play (version 5.4 or later)&lt;/li&gt;
&lt;li&gt;Tap &lt;strong&gt;Print Photos&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Select size and quantity&lt;/li&gt;
&lt;li&gt;Upload your photos&lt;/li&gt;
&lt;li&gt;Choose your pickup store&lt;/li&gt;
&lt;li&gt;Pay and collect ($0.39 per 4x6)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Walmart Photo
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Visit &lt;strong&gt;photos.walmart.com&lt;/strong&gt; in your phone's browser or install the Walmart app&lt;/li&gt;
&lt;li&gt;Select &lt;strong&gt;Prints&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Upload photos, choose sizes&lt;/li&gt;
&lt;li&gt;Select &lt;strong&gt;Store Pickup&lt;/strong&gt; or &lt;strong&gt;Ship to Home&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Walmart's 4x6 prints start at $0.25 -- the cheapest major retail option&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Pro tip for pharmacy prints
&lt;/h3&gt;

&lt;p&gt;These services accept any JPEG or PNG, but they apply their own cropping algorithms. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize your images&lt;/a&gt; to exact print dimensions before uploading and the service will not need to crop at all. A photo &lt;a href="https://pixotter.com/blog/how-to-resize-photo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resized to 1800x1200 pixels&lt;/a&gt; for a 4x6 comes out exactly as you composed it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 6: In-Store Photo Kiosks
&lt;/h2&gt;

&lt;p&gt;Photo kiosks at pharmacies, grocery stores, and big-box retailers let you print without an app, an account, or a Wi-Fi printer. Walk up, transfer your photo, pay, and walk out with a print.&lt;/p&gt;

&lt;h3&gt;
  
  
  How kiosk printing works
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Find a photo kiosk -- Walgreens, CVS, Walmart, Target, and Costco all have them&lt;/li&gt;
&lt;li&gt;Transfer your photo using one of these methods:

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Bluetooth&lt;/strong&gt; -- pair your phone with the kiosk and send the image file&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;NFC&lt;/strong&gt; -- tap your phone to the kiosk's NFC reader (not all kiosks support this)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;USB cable&lt;/strong&gt; -- connect your phone directly&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;QR code&lt;/strong&gt; -- some newer kiosks generate a QR code you scan to upload via the store's Wi-Fi&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Select print size and quantity on the kiosk touchscreen&lt;/li&gt;
&lt;li&gt;Crop and adjust if needed&lt;/li&gt;
&lt;li&gt;Pay at the kiosk (card or cash) and wait 2-5 minutes&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Kiosk printing tips
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Kiosks print on real photo paper, not inkjet paper -- the result has that classic glossy photo feel&lt;/li&gt;
&lt;li&gt;Most kiosks accept JPEG and PNG files. HEIC files from some phones may not work -- &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;convert to JPEG with Pixotter&lt;/a&gt; first if you get an error&lt;/li&gt;
&lt;li&gt;Kiosk screens are not color-accurate, so the preview may look different from the final print&lt;/li&gt;
&lt;li&gt;Costco kiosks offer the best price-to-quality ratio but require a membership&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Getting the Best Print Quality from Your Phone
&lt;/h2&gt;

&lt;p&gt;Printing a photo is easy. Printing a photo that looks sharp and professional takes a little preparation.&lt;/p&gt;

&lt;h3&gt;
  
  
  Resolution matters
&lt;/h3&gt;

&lt;p&gt;A 4x6 print at 300 DPI needs a 1800x1200 pixel image. Most modern phone cameras shoot at 12MP or higher (4000x3000), so you have plenty of resolution. The real issue is aspect ratio, not pixel count. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize to the correct dimensions&lt;/a&gt; and the printer will not need to crop or stretch anything.&lt;/p&gt;

&lt;h3&gt;
  
  
  File format matters
&lt;/h3&gt;

&lt;p&gt;JPEG at quality 90-95 is the sweet spot for prints. Higher quality means larger files with no visible improvement on paper. Lower quality introduces compression artifacts that become visible at print size. You can dial in the exact quality level with &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's compression tool&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Color space matters
&lt;/h3&gt;

&lt;p&gt;Phone screens use sRGB. Most consumer printers and photo labs also use sRGB. If you have edited your photo in a professional app that outputs Adobe RGB or Display P3, convert back to sRGB before printing or the colors will look muted and desaturated on paper.&lt;/p&gt;

&lt;h3&gt;
  
  
  Paper choice matters
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Glossy:&lt;/strong&gt; Vivid colors, sharp details. Shows fingerprints easily. Great for photos you frame behind glass.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Matte:&lt;/strong&gt; Softer look, no glare, no fingerprints. Better for photos you handle or display without glass.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Luster/Satin:&lt;/strong&gt; The professional standard. Slight sheen without heavy glare. The best all-around choice.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For a deep dive into resolution, DPI, and print sharpness, read our &lt;a href="https://pixotter.com/blog/high-quality-image-printing/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;complete guide to high-quality image printing&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Troubleshooting Common Printing Problems
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Prints look blurry.&lt;/strong&gt; The photo does not have enough pixels for the print size. Either &lt;a href="https://pixotter.com/blog/how-to-resize-photo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize to a smaller print format&lt;/a&gt; or choose a photo with higher resolution. Heavy cropping is the most common culprit -- every crop throws away pixels.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Colors look different on paper.&lt;/strong&gt; Phone screens are backlit and more vibrant than paper. Printed colors always look slightly less saturated than what you see on screen. This is normal physics, not a defect. For closer color matching, avoid printing photos with heavy filters applied.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Printer does not show up.&lt;/strong&gt; Confirm your phone and printer are on the same Wi-Fi network. Install your printer brand's Print Service Plugin from the Play Store (HP Smart, Canon PRINT, Epson iPrint, Brother iPrint&amp;amp;Scan). Restart both devices. As a fallback, try Wi-Fi Direct -- your printer creates its own direct connection without needing a shared network.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Photo got cropped weirdly.&lt;/strong&gt; The aspect ratio of your photo does not match the print size. Phone photos are typically 4:3 or 16:9, but a 4x6 print is 3:2, a 5x7 is 7:5, and an 8x10 is 5:4. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pre-crop to the correct aspect ratio&lt;/a&gt; so you control what stays and what goes.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Can I print photos from my phone without a printer?
&lt;/h3&gt;

&lt;p&gt;Yes. Use a pharmacy photo app (Walgreens, CVS, Walmart) to order prints for same-day pickup, or walk up to an in-store photo kiosk and transfer your image via Bluetooth, NFC, or USB. No home printer required. Kiosk prints start at about $0.25 for a 4x6.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the best app to print photos from an Android phone?
&lt;/h3&gt;

&lt;p&gt;For home printing, Google Photos is the simplest option since it is already installed on every Android phone. For more control over color and layout, use your printer manufacturer's app -- Canon PRINT, HP Smart, or Epson iPrint. For prints without a home printer, Walgreens offers the best combination of speed and quality for same-day pickup.&lt;/p&gt;

&lt;h3&gt;
  
  
  How much does it cost to print a photo from my phone?
&lt;/h3&gt;

&lt;p&gt;Home printing costs roughly $0.20-$0.75 per 4x6 depending on ink and paper. Pharmacy and retail prints run $0.25-$0.50 per 4x6. Walmart is cheapest at $0.25, while CVS charges $0.39. Photo kiosks typically match the store's app pricing. Mail-order services like FreePrints offer up to 85 free 4x6 prints per month (you pay $2-$4 shipping).&lt;/p&gt;

&lt;h3&gt;
  
  
  Why do my phone photos look blurry when printed?
&lt;/h3&gt;

&lt;p&gt;Two common causes: insufficient resolution and mismatched aspect ratio. If your image has fewer pixels than the print requires (1800x1200 for 4x6 at 300 DPI), the printer upscales and the result looks soft. If the aspect ratio does not match, the printer crops aggressively and may cut through your subject. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Resize to the exact print dimensions&lt;/a&gt; before printing to fix both problems.&lt;/p&gt;

&lt;h3&gt;
  
  
  Do I need to convert HEIC photos before printing?
&lt;/h3&gt;

&lt;p&gt;Most modern photo apps and pharmacy services handle HEIC files automatically. However, older printers and some photo kiosks do not recognize the format. If you get an unsupported format error, convert to JPEG first -- &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter handles this conversion&lt;/a&gt; in your browser without uploading your photo anywhere.&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrap-Up
&lt;/h2&gt;

&lt;p&gt;Printing photos from your Android phone comes down to three steps: resize your photo to match the print dimensions, pick a printing method, and hit print. Google Photos handles quick home prints. Store kiosks handle same-day needs. Pharmacy apps handle pickup orders.&lt;/p&gt;

&lt;p&gt;The one step that makes the biggest difference in print quality is resizing before you print. &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; runs right in your phone's browser -- set your exact print size, download the result, and send it to whichever printing method you chose. No app install, no upload, no account required.&lt;/p&gt;

&lt;p&gt;Now go print something worth framing.&lt;/p&gt;

</description>
      <category>photography</category>
      <category>tutorial</category>
      <category>beginners</category>
      <category>images</category>
    </item>
    <item>
      <title>How to Resize an Image in Photoshop (2025)</title>
      <dc:creator>Pixotter</dc:creator>
      <pubDate>Sun, 03 May 2026 12:10:43 +0000</pubDate>
      <link>https://forem.com/pixotter/how-to-resize-an-image-in-photoshop-2025-3jo2</link>
      <guid>https://forem.com/pixotter/how-to-resize-an-image-in-photoshop-2025-3jo2</guid>
      <description>&lt;h1&gt;
  
  
  How to Resize an Image in Photoshop — Full 2025 Guide
&lt;/h1&gt;

&lt;p&gt;Resizing is the single most common Photoshop task. Change dimensions for a website, hit a social media spec, prepare a file for print — it all starts with the pixel count. But Photoshop offers multiple paths, and each one behaves differently.&lt;/p&gt;

&lt;p&gt;This guide covers every resize method in Photoshop 2025 (v26.x): Image Size, Canvas Size, Free Transform, Smart Objects, and batch Actions. You will learn which resample algorithm to choose, how resolution relates to file size, and how to avoid blurry output.&lt;/p&gt;

&lt;p&gt;Need a fast resize without launching Photoshop? &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles exact pixel dimensions and percentages in your browser — no install, no file upload.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Image Size Dialog
&lt;/h2&gt;

&lt;p&gt;This is where most resizing happens. Open it with &lt;strong&gt;Image &amp;gt; Image Size&lt;/strong&gt; or press &lt;strong&gt;Alt+Ctrl+I&lt;/strong&gt; (Windows) / &lt;strong&gt;Option+Cmd+I&lt;/strong&gt; (Mac).&lt;/p&gt;

&lt;p&gt;Three fields matter:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Width / Height&lt;/strong&gt; — Your target dimensions. Work in pixels, inches, centimeters, or percentages. The chain-link icon locks the aspect ratio — keep it locked unless you want to stretch the image intentionally.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Resolution&lt;/strong&gt; — Pixels per inch (PPI). This number defines how tightly pixels pack into a physical inch. More on this relationship below.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Resample&lt;/strong&gt; — The critical toggle. When on, Photoshop adds or removes pixels to hit your target. When off, it only changes the metadata mapping pixels to physical dimensions — pixel count stays identical.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step-by-Step: Resize to Exact Pixel Dimensions
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open your image in Photoshop 2025.&lt;/li&gt;
&lt;li&gt;Go to &lt;strong&gt;Image &amp;gt; Image Size&lt;/strong&gt; (Alt+Ctrl+I / Option+Cmd+I).&lt;/li&gt;
&lt;li&gt;Set the unit dropdown next to Width to &lt;strong&gt;Pixels&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Confirm the chain-link icon is active (aspect ratio locked).&lt;/li&gt;
&lt;li&gt;Check &lt;strong&gt;Resample&lt;/strong&gt; and choose your algorithm (see the comparison table below).&lt;/li&gt;
&lt;li&gt;Enter your target width or height. The other dimension adjusts automatically.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;OK&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Save with &lt;strong&gt;File &amp;gt; Export &amp;gt; Export As&lt;/strong&gt; for web output (PNG, JPEG, or WebP) or &lt;strong&gt;File &amp;gt; Save As&lt;/strong&gt; for print.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The resample method you select in step 5 determines output quality, especially when enlarging. Choose carefully.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resample Methods Compared
&lt;/h2&gt;

&lt;p&gt;Photoshop 2025 offers seven resampling algorithms. Here is when each one earns its place:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Resample Method&lt;/th&gt;
&lt;th&gt;Best For&lt;/th&gt;
&lt;th&gt;How It Works&lt;/th&gt;
&lt;th&gt;Quality&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Preserve Details 2.0&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Enlarging photos&lt;/td&gt;
&lt;td&gt;AI-powered upscaling with a Noise Reduction slider (0-100%). Analyzes content to reconstruct detail.&lt;/td&gt;
&lt;td&gt;Best for upscaling&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Bicubic Smoother&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Enlarging (legacy)&lt;/td&gt;
&lt;td&gt;Interpolates new pixels with a smoothing bias. Less artifacting than bilinear, softer than Preserve Details.&lt;/td&gt;
&lt;td&gt;Moderate for upscaling&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Bicubic Sharper&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Downscaling&lt;/td&gt;
&lt;td&gt;Interpolates with a sharpening bias. Maintains edge definition when shrinking.&lt;/td&gt;
&lt;td&gt;Great for downscaling&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Bicubic (Automatic)&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;General use&lt;/td&gt;
&lt;td&gt;Photoshop selects Smoother or Sharper based on scale direction. A reliable default.&lt;/td&gt;
&lt;td&gt;Good overall&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Bilinear&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Speed over quality&lt;/td&gt;
&lt;td&gt;Samples the 4 nearest pixels. Faster but lower quality than bicubic methods.&lt;/td&gt;
&lt;td&gt;Low&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Nearest Neighbor&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Pixel art, screenshots&lt;/td&gt;
&lt;td&gt;Duplicates or removes pixels with zero interpolation. Preserves hard edges.&lt;/td&gt;
&lt;td&gt;Best for pixel art&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Automatic&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Default&lt;/td&gt;
&lt;td&gt;Photoshop picks the best method based on image content and scale direction. Usually selects Preserve Details 2.0 or Bicubic.&lt;/td&gt;
&lt;td&gt;Good overall&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h3&gt;
  
  
  Which Method Should You Pick?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Enlarging a photo?&lt;/strong&gt; Use &lt;strong&gt;Preserve Details 2.0&lt;/strong&gt;. Start the Noise Reduction slider at 20% and increase if grain appears. This method uses Adobe's machine learning model and produces visibly better results than any bicubic option.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Shrinking a photo?&lt;/strong&gt; Use &lt;strong&gt;Bicubic Sharper&lt;/strong&gt;. It counteracts the softness from discarding pixels. If the result looks over-sharpened, fall back to Bicubic (Automatic).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Working with pixel art, icons, or screenshots?&lt;/strong&gt; Use &lt;strong&gt;Nearest Neighbor&lt;/strong&gt;. Every other method blurs the hard pixel edges that define these image types.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Not sure?&lt;/strong&gt; Leave it on &lt;strong&gt;Automatic&lt;/strong&gt;. Photoshop's auto-selection is reliable in v26.x and rarely picks wrong.&lt;/p&gt;

&lt;p&gt;For more on maintaining sharpness during resizing, see our guide on &lt;a href="https://pixotter.com/blog/resize-image-without-losing-quality/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize images without losing quality&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Dimensions, Resolution, and File Size
&lt;/h2&gt;

&lt;p&gt;These three values are linked, and understanding the relationship prevents confusion:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Dimensions&lt;/strong&gt; (width x height in pixels) define how many pixels the image contains. A 3000x2000 image has 6 million pixels.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Resolution&lt;/strong&gt; (PPI) defines how many pixels fit into one physical inch when printed. It has zero effect on screen display — monitors render by pixel count, not PPI.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;File size&lt;/strong&gt; is determined by pixel count and color depth (plus compression). More pixels = larger file. Resolution metadata does not change file size when Resample is off.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;The practical implication:&lt;/strong&gt; changing resolution with Resample off is free. You are relabeling the same pixels. Setting a 3000x2000 image from 72 PPI to 300 PPI does not add pixels — it tells the printer to pack them tighter, shrinking print size from roughly 41x27 inches to 10x6.7 inches. Changing dimensions with Resample on is a real operation — you create or destroy pixels, which changes both file size and image quality.&lt;/p&gt;

&lt;p&gt;For a deeper dive into converting between pixel counts and physical measurements, see our &lt;a href="https://pixotter.com/blog/pixels-to-inches/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;pixels to inches&lt;/a&gt; guide.&lt;/p&gt;

&lt;h2&gt;
  
  
  Canvas Size vs. Image Size
&lt;/h2&gt;

&lt;p&gt;These two dialogs both change document dimensions, but they do fundamentally different things:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Image Size&lt;/strong&gt; scales the image content. The photo gets bigger or smaller. Pixels are added or removed.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Canvas Size&lt;/strong&gt; changes the workspace around the image without touching the content. Expanding the canvas adds empty space. Shrinking it crops edges.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  When to Use Canvas Size
&lt;/h3&gt;

&lt;p&gt;Open Canvas Size with &lt;strong&gt;Image &amp;gt; Canvas Size&lt;/strong&gt; (Alt+Ctrl+C / Option+Cmd+C). Use it when you need to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Add padding or borders around an image&lt;/li&gt;
&lt;li&gt;Extend the background for text or a watermark&lt;/li&gt;
&lt;li&gt;Change aspect ratio without distorting the photo (add space to the sides to go from 4:3 to 16:9)&lt;/li&gt;
&lt;li&gt;Crop symmetrically from specific edges using the anchor grid&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The anchor grid controls where the existing image sits within the new canvas. Click center to add space equally on all sides. Click a corner to push all extra space to the opposite corner.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; You have a 1200x800 image and need a 1200x1200 square. Open Canvas Size, set height to 1200px, keep the anchor centered, and Photoshop adds 200px above and below.&lt;/p&gt;

&lt;h2&gt;
  
  
  Free Transform (Ctrl+T / Cmd+T)
&lt;/h2&gt;

&lt;p&gt;Free Transform resizes individual layers rather than the entire document. Select your layer, press &lt;strong&gt;Ctrl+T&lt;/strong&gt; (Windows) / &lt;strong&gt;Cmd+T&lt;/strong&gt; (Mac), and drag the corner handles.&lt;/p&gt;

&lt;p&gt;Key behaviors in Photoshop 2025:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Proportional scaling is the default.&lt;/strong&gt; Drag any corner handle and the aspect ratio stays locked. Hold &lt;strong&gt;Shift&lt;/strong&gt; to scale non-proportionally (the opposite of older Photoshop versions).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hold Alt/Option&lt;/strong&gt; while dragging to scale from the center instead of from the opposite corner.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Type exact values&lt;/strong&gt; in the Options Bar — enter a width of 50% to scale the layer to half size, or type pixel dimensions directly.&lt;/li&gt;
&lt;li&gt;Press &lt;strong&gt;Enter&lt;/strong&gt; to commit, &lt;strong&gt;Esc&lt;/strong&gt; to cancel.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Free Transform is destructive on regular pixel layers — scaling down then back up loses quality permanently. Convert to a &lt;strong&gt;Smart Object&lt;/strong&gt; first (right-click layer &amp;gt; Convert to Smart Object) for non-destructive resizing. Photoshop then resamples from the original embedded data on every transform.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When to use Free Transform vs. Image Size:&lt;/strong&gt; Image Size changes the entire document. Free Transform resizes one layer within a composition — scaling a logo into a mockup, fitting a placed image into a template.&lt;/p&gt;

&lt;p&gt;For resizing vectors in a different Adobe tool, see our guide on &lt;a href="https://pixotter.com/blog/resize-image-in-illustrator/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize an image in Illustrator&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Batch Resize with the Actions Panel
&lt;/h2&gt;

&lt;p&gt;The Actions panel lets you record a resize sequence and replay it across an entire folder.&lt;/p&gt;

&lt;h3&gt;
  
  
  Record a Resize Action
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open one representative image from your batch.&lt;/li&gt;
&lt;li&gt;Open the Actions panel (&lt;strong&gt;Window &amp;gt; Actions&lt;/strong&gt;).&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Create New Action&lt;/strong&gt; (the + icon). Name it "Resize to 1200px wide." Click &lt;strong&gt;Record&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Go to &lt;strong&gt;Image &amp;gt; Image Size&lt;/strong&gt;. Set width to 1200px, Resample to Bicubic Sharper. Click &lt;strong&gt;OK&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Go to &lt;strong&gt;File &amp;gt; Export &amp;gt; Export As&lt;/strong&gt;. Choose your format and quality. Export to your output folder.&lt;/li&gt;
&lt;li&gt;Close the image (&lt;strong&gt;File &amp;gt; Close&lt;/strong&gt;, click "Don't Save").&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Stop&lt;/strong&gt; in the Actions panel.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Run the Action on a Folder
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Go to &lt;strong&gt;File &amp;gt; Automate &amp;gt; Batch&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Set the Action to the one you recorded.&lt;/li&gt;
&lt;li&gt;Source: &lt;strong&gt;Folder&lt;/strong&gt;. Click Choose and select your input folder.&lt;/li&gt;
&lt;li&gt;Check &lt;strong&gt;Suppress File Open Options Dialogs&lt;/strong&gt; and &lt;strong&gt;Suppress Color Profile Warnings&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Destination: &lt;strong&gt;Folder&lt;/strong&gt;. Choose your output directory.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;OK&lt;/strong&gt;. Photoshop processes every image in the folder.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For simpler jobs, &lt;strong&gt;File &amp;gt; Scripts &amp;gt; Image Processor&lt;/strong&gt; offers a streamlined interface — pick input folder, output folder, format, and max dimensions. No Action required.&lt;/p&gt;

&lt;p&gt;For a faster alternative, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles batch resizing directly in the browser — drop files, set dimensions, download. No Actions setup, no subscription. For more batch workflows, see our &lt;a href="https://pixotter.com/blog/batch-resize-images/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;batch resize images&lt;/a&gt; guide.&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;Resize images without Photoshop&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Set exact pixel dimensions or percentages — free, in your browser. No install, no subscription.&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="/resize/"&gt;Resize Image →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Common Mistakes to Avoid
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Resizing with Resample off when you need pixel changes.&lt;/strong&gt; Changing dimensions with Resample unchecked only alters print metadata — pixel count stays the same. For any web or social media resize, Resample must be on.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Using Bicubic Smoother instead of Preserve Details 2.0 for upscaling.&lt;/strong&gt; Bicubic Smoother was the best option in older versions. Preserve Details 2.0, refined through v26.x, produces substantially sharper enlargements. No reason to default to Bicubic Smoother for photos in 2025.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Scaling a flattened layer up and down repeatedly.&lt;/strong&gt; Each transform compounds quality loss. Convert to a Smart Object before starting, or resize once to your final dimensions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Saving as JPEG multiple times.&lt;/strong&gt; Every JPEG save recompresses. Resize once, export once. Keep a PSD or TIFF master for future edits. After resizing, &lt;a href="https://pixotter.com/compress/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;compress your final export&lt;/a&gt; to hit your target file size without extra quality loss.&lt;/p&gt;

&lt;h2&gt;
  
  
  Resize for Web vs. Print
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Web Images
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Set width to match your layout column (800-1400px for blog content, 1920px for full-width heroes).&lt;/li&gt;
&lt;li&gt;Resolution: &lt;strong&gt;72 PPI&lt;/strong&gt;. Higher values only increase file size — screens ignore PPI.&lt;/li&gt;
&lt;li&gt;Resample: &lt;strong&gt;Bicubic Sharper&lt;/strong&gt; for downscaling.&lt;/li&gt;
&lt;li&gt;Export as WebP for best compression, JPEG at 80-85% for compatibility, or PNG when you need transparency.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Print Images
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Open Image Size. Uncheck &lt;strong&gt;Resample&lt;/strong&gt; first.&lt;/li&gt;
&lt;li&gt;Set Resolution to &lt;strong&gt;300 PPI&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Check the resulting physical dimensions in inches. If the print size is too small, check Resample on, select &lt;strong&gt;Preserve Details 2.0&lt;/strong&gt;, and scale up.&lt;/li&gt;
&lt;li&gt;Save as TIFF or high-quality JPEG (95-100%).&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Our &lt;a href="https://pixotter.com/blog/how-to-resize-photo/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize a photo&lt;/a&gt; guide covers more platform-specific walkthroughs.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently Asked Questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  How do I resize an image in Photoshop without losing quality?
&lt;/h3&gt;

&lt;p&gt;Use &lt;strong&gt;Preserve Details 2.0&lt;/strong&gt; for enlarging and &lt;strong&gt;Bicubic Sharper&lt;/strong&gt; for shrinking. If you plan to resize multiple times, convert the layer to a Smart Object first so Photoshop resamples from the original data each time. See our &lt;a href="https://pixotter.com/blog/resize-image-without-losing-quality/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;resize without quality loss&lt;/a&gt; guide for more techniques.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is the difference between Image Size and Canvas Size?
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Image Size&lt;/strong&gt; scales the photo — pixels are added or removed. &lt;strong&gt;Canvas Size&lt;/strong&gt; changes the workspace around the photo without scaling anything. Larger canvas adds empty space; smaller canvas crops the edges. Use Image Size to change photo dimensions. Use Canvas Size to add padding or change aspect ratio.&lt;/p&gt;

&lt;h3&gt;
  
  
  Can I resize multiple images at once in Photoshop?
&lt;/h3&gt;

&lt;p&gt;Yes. Record an Action that resizes, exports, and closes an image, then run it on a folder via &lt;strong&gt;File &amp;gt; Automate &amp;gt; Batch&lt;/strong&gt;. For simpler jobs, &lt;strong&gt;File &amp;gt; Scripts &amp;gt; Image Processor&lt;/strong&gt; works without Action setup. Without Photoshop, &lt;a href="https://pixotter.com/resize/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Pixotter's resize tool&lt;/a&gt; handles batch processing in the browser.&lt;/p&gt;

&lt;h3&gt;
  
  
  What resolution should I use for web images vs. print?
&lt;/h3&gt;

&lt;p&gt;Web: &lt;strong&gt;72 PPI&lt;/strong&gt;. Screens render by pixel count, so higher PPI just inflates file size. Print: &lt;strong&gt;300 PPI&lt;/strong&gt; for photo-quality output. Large-format printers sometimes accept 150 PPI — check with your printer.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why does my resized image look blurry?
&lt;/h3&gt;

&lt;p&gt;Three common causes: (1) Wrong resample method — use &lt;strong&gt;Preserve Details 2.0&lt;/strong&gt; for photos or &lt;strong&gt;Nearest Neighbor&lt;/strong&gt; for pixel art. (2) You scaled a pixel layer up and down without a Smart Object — undo and resize in one step. (3) JPEG saved at low quality — export at 85%+ or use PNG/WebP. Our &lt;a href="https://pixotter.com/blog/photoshop-vs-gimp/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;Photoshop vs. GIMP&lt;/a&gt; comparison covers where Photoshop's resampling beats open-source alternatives. For a step-by-step GIMP walkthrough, see &lt;a href="https://pixotter.com/blog/how-to-resize-image-in-gimp/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to resize an image in GIMP&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;If you need to enlarge an image rather than shrink it, see our guide on &lt;a href="https://pixotter.com/blog/how-to-upscale-image-in-photoshop/?utm_source=devto&amp;amp;utm_medium=crosspost" rel="noopener noreferrer"&gt;how to upscale an image in Photoshop&lt;/a&gt; for AI-powered and traditional enlargement techniques.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>images</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
