Image optimization workflow

This task is easy — it’s just to read the written explanation below, and go through the video to familiarize yourself with the process. You’ll find the video walkthrough for this task here, and below you’ll find an overview which will be useful before watching the video:

I often have images that will need to be optimized for a WordPress website, and then uploaded to the website’s Media library. Usually what happens is that a client will send me some very large .png files, and I will need to: 

  1. Rename the files so that they have SEO-friendly titles. I will always give you the formula to use for the title of the files (e.g. company-name-shirt-[color], and then you’d just fill in the color for each image)
  2. Resize the files to particular dimensions. Often clients will send me huge photo files, which would load slowly on a site. We’ll need to downsize the photo files, so I’ll always tell you which dimensions to use (something like “1800 pixels width by 1000 pixels height”, or “500 pixels width by 500 pixels height”). The video tutorial above will walk you through a few ways of resizing the photos — at the end of the video, I realize there’s even an easier way that will let you handle this step and step #3 at the same time, so stick around til the end! =D
  3. Upload the photos to squoosh.app, which will compress the files (so that they’ll load faster in the website) and also convert them from .PNG files to .JPG/.JPEG files. I realized at the end of the demo video that you can also resize the photos (step 2) using Squoosh, so you’ll see that at the end of the video.
  4. And then the last step is to upload the photos into the WordPress Media Library for whichever site I’ll give you. This is demonstrated in the video as well.

Powered by BetterDocs

Scroll to Top