You can skip to the tutorial video below, or first take a look at some basic concepts so they have a chance to sink in before watching the video.

The first thing you should know is that WordPress will automatically generate thumbnails and other various sizes for you when uploading. This is great when the image you’re choosing is from a digital camera and is extremely large. While it’s always best to pre-process images with a program like Photoshop, not everyone has access to it, so WordPress compensates by creating other sizes for you. This is very important for the following reason…

People new to web publishing often make a simple, major mistake — they add a huge image to a page and then shrink it down in their text editor. What should just be 20-60K for an image is actually 2-3MB – a huge difference in file size and dramatically longer to download for your visitors, especially those using mobile phones! So take advantage of WordPress’s resize functions and use a smaller image instead of shrinking it inside your text editor.

Lastly – alignment. You can easily set whether the image will sit in it’s own space, or be left or right aligned. For more advanced placement of images within tables, seeing our Text Editing & Layout tutorial.

Roll video!

Download video