An Introduction to Utilizing Photographs on Blogs


The next submit was initially submitted by Duncan Riley from the Weblog Herald, Weblog Empire and up to date with present instruments and ideas.

I requested Duncan to discover the subject of utilizing Photographs on Blogs. I believe you’ll agree that his article under is a really complete exploration of the subject, which I hope you will discover useful.

Any good blogger will inform you that photographs and imagery are vitally essential within the improvement and rise of any good weblog, however they will also be irritating, time-consuming, and difficult to work with. Nonetheless, it’s essential to know successfully use photographs in your weblog.

Varieties of Photographs

For ease of use, let’s categorize photographs in your weblog into two classes: design imagery and content material imagery. Design imagery contains any photographs you could need to use within the header, sidebar, or footer to reinforce the general visible enchantment of your weblog. Content material imagery refers to pictures and pictures you embrace inside or completely as weblog posts. Whereas we’ll cowl widespread floor in coping with each kinds of photographs, there are some distinct issues for every.


Whereas there are numerous instruments accessible, let’s deal with free sources for picture modifying and creation to swimsuit totally different wants and budgets:

1. Canva: a superb web-based graphic design device that gives a user-friendly interface and a variety of customizable templates. It supplies an in depth library of free photographs, icons, and illustrations to reinforce your weblog’s visible content material. It’s what we use right here at ProBlogger.

2. PicMonkey: one other useful gizmo for creating visible content material in your weblog with photograph modifying and design plus templates for logos, banners, thumbnails, and extra

3. GIMP: highly effective open-source picture modifying software program accessible for PC, Mac, and Linux. Many customers think about it as highly effective as Adobe Photoshop however with out the value tag. GIMP provides a complete set of options for manipulating and modifying photographs.

Posting Photographs to Your Weblog

The tactic for posting photographs to your weblog depends upon the running a blog platform you employ. Most platforms, whether or not free or paid, supply picture internet hosting as a part of their providers. Nonetheless, it’s important to contemplate the bandwidth/visitors limitations of your running a blog package deal and the way picture sizes can influence your weblog’s loading velocity. To optimize your photographs, you’ll be able to make the most of picture modifying software program reminiscent of GIMP or Canva, which lets you resize and compress photographs.

TIP: In case you’re having hassle wityh your picture file dimension being too large, attempt utilizing TinyPNG which is a free service for Sensible WebP, PNG and JPEG picture file compression.

Every running a blog platform has its personal technique for importing photographs. Though many platforms now have built-in options for straightforward picture insertion, it’s helpful to know the underlying code even with a WYSIWYG (what you see is what you get) interface, because it offers you extra flexibility in modifying and positioning your photographs.

The HTML code for inserting a picture seems like this:


<img src="">

Understanding the code offers you extra flexibility in modifying your photographs.

Right here’s a breakdown of the fundamental picture code:

  • <img>: This tag denotes a picture.
  • src: It stands for “supply” and represents the picture URL.
  • "": That is the URL of the picture you need to show.

The extra superior model of the code contains further attributes:


<img src="" width="400" top="201" alt="picture" align="proper">

The attributes on this code are as follows:

  • width="400" top="201": Specifies the size of the picture to be displayed.
  • alt="picture": This attribute supplies different textual content for visually impaired customers.
  • align="proper"

The align="proper" attribute tells the browser the place to position the picture and permits textual content to wrap round it. In case you don’t use an alt tag, the picture will seem within the heart of your submit, and the textual content will circulate under it. Utilizing align="left" or align="proper" is especially helpful when the picture enhances your submit reasonably than being the principle focus.

Copyright Points

Copyright legal guidelines differ, however on the whole, utilizing copyright-protected photographs as extracts or enhances to your posts falls underneath Honest Use or Honest Dealing. Nonetheless, utilizing such photographs as a part of your weblog’s design is probably not thought-about truthful use. It’s essential to familiarize your self with the authorized ideas of truthful use and truthful dealing in your jurisdiction.

In terms of industrial websites, it’s most secure to imagine that the photographs are copyrighted except acknowledged in any other case. It’s advisable to keep away from utilizing such photographs except you perceive the authorized implications.

It’s additionally essential to observe the unwritten rule within the blogosphere of offering attribution when utilizing photographs from different blogs. Embody a hyperlink again to the supply weblog inside or on the finish of your submit, giving credit score to the unique creator.

The place to Discover Copyright-Free Photographs

To seek out copyright-free photographs, you’ll be able to discover the next sources:

1. Unsplash: provides an enormous assortment of high-quality, copyright-free photographs contributed by photographers worldwide. The pictures can be found without cost and can be utilized for each private and industrial functions. We’ve beforehand used Unsplash quite a bit at ProBlogger.

2. Pixabay: supplies a various assortment of copyright-free photographs, illustrations, and vectors.

3. Pexels: one other widespread platform that gives a variety of high-quality, free inventory pictures and movies. You may seek for particular photographs or discover their curated collections.

4. Freepik: supplies an enormous choice of free vectors, PSD recordsdata, icons, and pictures. It’s an incredible useful resource for bloggers on the lookout for graphic components to reinforce their visible content material.

5. Canva’s Free Picture Library: Along with its design instruments, Canva additionally provides a free picture library with all kinds of high-quality pictures and illustrations that you need to use in your weblog posts.

Bear in mind to evaluate the particular licensing phrases and necessities for every useful resource to make sure correct utilization and attribution.

What providers are there to assist bloggers with photographs?

There are a number of methods you’ll be able to improve your picture expertise as a blogger:

Boards: In case you encounter any image-related points, try the consumer boards of your running a blog platform or internet hosting service. These boards typically include priceless info and discussions on related issues. You may seek for options and even submit your personal questions.

Assist: In case you’re utilizing a paid running a blog service like TypePad, make the most of their buyer assist. Attain out to their assist workforce by way of e mail together with your questions or issues. Whereas they might in a roundabout way help with image-related points, they will level you in the appropriate course or present useful sources.

Blogs and Bloggers: Many bloggers have encountered and solved image-related challenges. Make the most of serps like Google and weblog directories like Technorati to search out weblog posts or articles discussing related points. You might uncover priceless insights and options shared by skilled bloggers.


By using these sources and instruments, you’ll be able to successfully incorporate photographs into your weblog posts, improve your weblog’s visible enchantment, and navigate any image-related challenges which will come up.

Bear in mind to at all times respect copyright legal guidelines, give correct attribution when mandatory, and attempt to create a visually participating and interesting weblog via the considerate use of photographs.

What ideas and instruments do you will have for utilizing photographs in your weblog? Drop them in a remark under.


Leave a Comment