background preloader

Design tools

Facebook Twitter

Design Principles. TinyJPG – Compress JPEG images intelligently. Free Image Optimizer - Compress and resize photos. WallApp - Powered by OhMyPrints. Free Images - Pixabay. WallApp - Powered by OhMyPrints. How To Optimize Images For Your WordPress Website. Images are a vital part of grabbing a visitor’s attention, breaking up long pieces of content, and helping your content be shared across the web.

How To Optimize Images For Your WordPress Website

Unfortunately, images also increase the size of your pages. Every image that you add to a page has to be downloaded by visitors from your server to their computer. This increases page loading times, which can frustrate visitors and have an adverse effect on search engine rankings. Too many images will also increase your bandwidth significantly and use up more storage on your server. This is unlikely to be a problem at the start of your website’s life, however it could increase your hosting costs over time. In this article, I would like to show you how you can optimize your images for your WordPress website. File Formats Graphic applications allow you to save images in a number of different file formats. JPEGS are better suited for photographs as they contain many colors. The other format that you will see used frequently on the internet is GIF. Photo Grid Maker - Make a Photo Grid Collage Online for Free.

7 Image Editing Tricks to Better Attract Visitors. I know you already spend heaps of time writing content for your WordPress site.

7 Image Editing Tricks to Better Attract Visitors

But how much time do you spend on the images you use in your content? If you’re like a lot of bloggers, probably not that much. In this post, I’m going to dig into some basic image editing tricks and tips to help you get the most from the limited time you have to create blog images. I’m not a professional designer – so these tips should be easy to implement no matter what your knowledge level is. Let’s jump straight into it… 1. Let’s start with a disclaimer – color advice should always be taken with a grain of salt. We’re talking averages here – that doesn’t mean there aren’t situations where an image using a below average color does gangbusters. With that being said, red is the key to getting your images shared more often…at least according to two different analyses of millions of Pinterest images. I know – this data is for Pinterest, not blog images specifically. 2. 3. Unsure how to match font with mood?

4. 10 Expert Tips For Designing With a Blurred Background [Case Studies] Blurred images: a photography mistake?

10 Expert Tips For Designing With a Blurred Background [Case Studies]

In some cases, yes, but also a useful design tool. Now, we’re not talking about salvaging a bad photo by slapping a blur effect on it and calling it good enough. Instead, we’re going to look at intentionally choosing or creating different types of blurred images to enhance our designs in specific ways. If you pay attention to web and graphic design styles, you may have noticed that this has been something of a trend in recent years.

You might see blurred images popping up in website hero headers (the large images that extend the whole width of a page) or as site backgrounds, or to set off typography in graphic design. But the design trends that stick around, like this one, usually do because they’re functional as well as beautiful — they have a purpose beyond just following the crowd or experimenting with a new look just because you can. So how can you use blurred images to enhance your own designs? 01. 02. 03. Color Safe - accessible web color combinations.