Let's Dominate This Whole Business Thing Together!

Don't see an article for something you're having trouble with? Submit a request below and we'll get to work!

Email Required field!
Topic Request Required field!

Beginners Guide to Editing Images for the Internet

 I have a question for you, have you ever clicked a picture of an amazing job you did? Maybe the pipe fitting you did was pure perfection, or the ductwork deserved its own hall of fame, or your wiring job was simply electric (sorry, I couldn’t resist the pun ;p). And you probably shared it on social media. Or if you’re an independent business owner, you possibly added it to your website. But, have you ever faced the issue where either the image looks to blurry, or it doesn’t fit properly, or that it takes a long time to load? Then you’re not alone! That’s why we created a quick and easy guide on how to edit images for the internet.

This article will teach you how to:

  • Resize Your Image
  • Crop Your Image, and,
  • Compress Your Image


WHAT: images are made of tiny pixels (mentioned under image dimensions as width px X-height px); a higher pixel quantity means an image that’ll show more clear details when zoomed in. When you’re resizing an image, you’re manipulating the pixels to either increase or decrease.

WHY: You might need to do this if certain media inputs have maximum/minimum size restrictions. Ex. the optimal size for a Home Stars profile picture is 600 px X 600 px

HOW: Use a free online tool like PicResize or Canva to resize your images. Simply upload your picture, select the size you want, and watch the software do its magic. Or check out the below image to learn more.

Select an option to resize. The best option is custom especially if you’re working with size restrictions (for example, Facebook page images)

(Optional) This is only available if you select the “custom” option in Step 1. Select the width and height you need the image to be.

Select the format in which you would like to save an image. For web design, png is your best option.

Click on the “I’m done…” button to make the software resize the image.


WHAT: Cutting out excessive or unwanted outer areas of an image.

WHY: This helps you have a focused image

HOW: You can crop an image directly using your image viewer on your computer. Just click the (crop) sign and use the crop marks to crop the image to its desired size. Make sure you hit save after! Check out the image above to learn more!


WHAT: compressing is reducing the size of an image in bytes.

WHY: A smaller sized (compressed) image means you can save more images for given memory size. This is extremely necessary for your website. A bigger sized image uses up a lot of data and takes a long time to load. So, the smaller your images are, the more efficient it’ll be…this is important because Google tracks your load speed when they rank your site.

 HOW: Use a free online tool like TinyPNG. Just upload the image and the software will take care of it.

I hope you find this article helpful. If you have any questions or comments, or suggestions for our next article, leave a comment below!

Like This Article?

Sign up for our newsletter to receive notifications when we post a new article

Email Required field!


Add Comment

Based in Toronto, ON


© 2019 All Rights Reserved

Phyxter Corp.  |  25 The Esplanade St. Toronto ON  |  1-855-999-1980  |  info@phyxter.ai  |  support@phyxter.ai

Your cart is empty


Shopping Cart

View Details
Sold Out