My client wanted to know how to upload images to her newly customized WordPress website. “Before I show you that, I’d like to show you how to resize your images so your site runs at optimum speed.” (see my training video below) Why?
Web images needed to load fast. If they don’t, prospects aren’t going to stick around.
Print images need to be crisp, sharp and gorgeous. Not so for the web, now that over 50% of searches are done using mobile devices.
iPiccy is Free Image Editing Software
As a graphic designer who designs for both print and web, Adobe Photoshop is a must have / must know tool. It took me a few years to gain proficiency — and I’m still learning. Today, I love Photoshop, but you don’t have to spend the time and energy learning this robust program. Instead you can let iPiccy do the heavy lifting for you, and have images resized in no time.
- iPiccy works best on Google’s Chrome web browser, or Firefox
- You do not need to create an iPiccy account to use this program, but if you do, you won’t have to keep logging into iPiccy each time you want to resize an image.
- jpeg format for web images
- 72 dpi for web images (dpi=dots per inch)
- 960-1024 px (px=pixels) width will fill the web header/web banner area of your website (check your theme for exact dimensions)
- 600 px width will fill the content area of your web page
- 260-280 px width will fill the sidebar area of your web page (check your theme for exact dimensions)
How Resize Images for the Web Using iPiccy
- Choose your images and put them in a folder on your desktop (see below for image resources)
- Log into iPiccy
- Click Start Editing
- Click Upload
- Navigate to the image file on your computer you want to resize
- In iPiccy click on the yellow tab with the camera icon (see below)
- Click Resize Image
- Manually enter the width
- Click Apply to save your changes
- To Save your newly resized image click the floppy disc icon in the navigation bar (see below)
- Rename your file so that you don’t overwrite the original image file on your computer
- Slide the Quality slider all the way to the right so it’s 100% (see below)
- Click Save Photo! onto your desktop
- Your image is now ready to be uploaded it to your WordPress Media Library
Online Stock Photography
Online stock photography sites from least to most expensive:
- bigstockphoto (what I use for my blog images)
Free: but most follow restrictions = crediting photographer. If photographer changes their mind and decides to charge for the image you will be charged
Lisa Maria says
Wonderful tutorial about how to resize web image by ipiccy . More than learn this post. Thanks for share this learning post.
Emily Maddison says
So amazing tutorial. Really great information share this post. Thanks for share this post.