Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

or

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Already Registered? Log In Here

Day 3: Improve Your Design

How To Download, Crop, Resize, and Compress Free Stock Photos

Action Plan

Step 1: Download Free Stock Photos Using Unsplash


Complete The Following Tasks

Visit Unsplash (or a similar site) and download free stock photos.
Try searching for action keywords such as laughing or jumping.
Click Download to download the photos.
Make sure to crop, resize, and compress all of your photos (see next step).

Watch Our Video Tutorial

Step 2: Crop, Resize, And Compress Your Photos Using BeFunky


Complete The Following Tasks

Visit BeFunky to crop, resize, and compress your photos.
In the top menu, click Open to add a photo file from your computer
In the left-hand menu, click Crop and choose an existing Aspect Ratio or drag to crop it manually.
For landscape photos, we recommend using a 4x6 or 5x7 aspect ratio. For section backgrounds, we recommend using a 16x9 aspect ratio.

Square photos (1x1 aspect ratio) can be converted into circles in Elementor by using a 50% border radius.
In the left-hand menu, click Resize and choose your width (we recommend a width of 1920 pixels for landscape photos and a width of 1024 for portrait photos).
When you upload your images to the WordPress media library, it will automatically create additional lower resolution version of your image (1024 pixels, 728 pixels, 300 pixels, and 150 pixels).

This allows you to use the appropriate image size so your website loads faster.
Go to Save > Computer and create a keyword-friendly filename.
Reduce the quality of the image to 50% and click Save.
Reducing the quality setting in BeFunky will compress your image to a smaller file size without reducing the quality. This is super important for making sure your website loads fast.

Please note that BeFunky can only compress JPG files so if you're editing a PNG file, use TinyPNG to compress your image.
Upload your photo to your WordPress Media Library.
Add an ALT tag for Google search optimization.
When creating ALT tags for search engine optimization, think about what you would search in Google Images to find that image. I recommend using a combination of descriptive keywords and keywords that are relevant to your page.

There is no need to add ALT tags for images that aren't important or don't add value to your page.
When using the Elementor widgets, make sure to choose an appropriate image size from the drop-down Image Size menu.
You Earned A Badge!

Watch Our Video Tutorial

Why This Step Is Important

It’s important that you learn how to crop, resize, and compress your photos before adding them to your site. Cropping your photos will allow you to choose the exact area of the photo that you want to use. Resizing and compressing your photos will dramatically reduce the image file size so that your site loads faster (this is one of the biggest mistakes people make in terms of slowing down their site).

Continue To The Next Tutorial Below

Day 3

Improve Your Design

Your Progress
0

How Can This Be Free?

All of our tutorials are supported by the small affiliate commission we receive when you purchase SiteGround Hosting and Elementor Pro. We are not associated with SiteGround or Elementor in any way.