Tip Type: Images

Tips for improving website images

  • Fix Image Color & Saturation Loss in WordPress

    Have you ever uploaded a colorful and crisp image into WordPress only to see it loose color saturation and exhibit tonal degradation? If so, you aren’t alone. Let’s fix that. But first, let’s see why this is happening in the first place. Color Space Conflicts Many photographers shoot in Adobe RGB color space because it has a…

  • Creating Image Shadows Using CSS3

    One of my personal favorite features in css3 is the use of box-shadows. CSS (Cascading Style Sheets) is a style sheet language used to describe the look and formatting of your website. With a few quick lines in your style sheet document, we can create nice drop shadows for our html elements, like on the image…

  • How to Make Your Images Not “Pinnable” in Pinterest

    Pinterest is a website that offers a service for others to share or “pin” content from your site on their Pinterest board. The site has made it easier than ever for others to share your photographs, whether you like it or not. In case you’re in the latter group, this quick tip will show you can stop…

  • Speed Up Your Site by Lazy Loading Images

    Why load images that your visitors aren’t viewing? If you’re a photographer who posts images and galleries online, the vast majority of your website’s page load time is probably taken up by loading images. In this tip, I’ll show you how you can avoid loading images unless the user is viewing them, saving a lot of…

  • Set Featured Images Automatically

    We previously posted a tip on how to manually set a featured image, but if you’re using a WordPress theme that heavily uses thumbnails, you might want to set your featured images automatically. This handy plugin can manage that task.

  • How to Add A Gallery

    [protect][/protect] WordPress’s new media uploader tool has made it even easier to add images and galleries to your posts and pages. To add an image: Go to your Page or Post’s edit page in your WordPress dashboard. Place your cursor in the post content where you want the image to appear. Click on the Add…

  • How to Improve SEO for Images

    People often overlook the importance of filenames when it comes to improving the SEO of their website and their WordPress themes. There are two simple things that everyone should be doing. 1. Make filenames machine & human readable No one is going to be searching for IMG-938398734.jpg, but they might be searching for pictures of cats…

  • How to Add A Fixed Background Image

    If you’re using a WordPress theme that scrolls and you choose to use a background image (not a background pattern), this is imperative, that is unless you’re into your background image scrolling with your content. Having your content glide smoothly over your background image is as easy as inserting this code snippet into your style.css…

  • How to Set a Featured Image

    Featured images are an integral part of many themes. Often they can help determine a thumbnail for a featured post, or they can help represent posts that contain embedded video, but no other associated images. Now in the backend of WordPress, in the post editor, there’s an option in the bottom right to set a…

  • Improve Image Quality and Color in WordPress

    Ever notice how WordPress smushes your JPG images down to 60% quality after your upload them? Add the snippet below to your theme’s functions.php or alternatively, download this plugin to improve the quality of your JPG images to 100%.