Field Notes Blog
News and thoughts on UI/UX, web design, and more.
What is RGB and why does it matter? Why is there a big blank spot on your site where you uploaded that TIF image? In this episode, we’ll do a deep dive into color spaces and look at how our image formats are influenced by our eyeballs, LED displays and even the sun itself. I’ll also provide some easy examples of what to use where and tips for getting the best results.
A high resolution image is usually 300dpi and a low res image is around 100 dpi, but what do those numbers actually mean? Computers use pixels, so why do we say “dots per inch”? And how can a “high res” image from a fancy camera or smartphone be 72 dpi? In this one minute episode, I’ll explain a bit about how resolution works in conjunction with dimensions and give you some tips for using the best resolution to make your images look great wherever they are. I'll also show you how to avoid some common pitfalls and we'll end with a surprising item of design geek trivia!
Resizing images is an important part of making your website load fast and look great, not to mention ensuring high quality results in printing. But changing the size of an image is only one part of the story, your photos may also have to fit into a particular spot or match the shape or dimensions of existing images. This episode covers three ways of sizing images and will help you avoid some common pitfalls like scrunched photos and cut off edges. Here are my top three approaches to image sizing, in order of how much I use them.
Say you want to add a photo to your blog as a thumbnail graphic. You snap a cool photo, pop it in and WHOA, it’s gigantic. Plus, it’s taking forever to load. Wouldn’t it be great to know how big to make the photo in the first place? In this 1 minute episode, I'll show you three easy ways to determine how large an image should be and give you some handy image size examples.
Have you ever been perplexed by watching a photo on your website s-l-o-w-l-y fill in line by line taking forever? Or have you printed out something only to find that the images came out looking jagged or blurry? If yes, then an understanding of balancing file size and quality will help ... let’s learn about file sizes! In this one minute episode, I'll explain what is best where and show you some examples.
Build Your Skills to Rule the Web - Starting July 10th
Are you baffled by RGB and CMYK? Flummoxed by file types? Distressed by dpi? Do you struggle to understand when to use high-res or low-res images? Do you yearn for short and simple explanations? Then you're in the right place! I'm kicking off July with a Digital Summer Camp web series called The Secret Life of Images. Over the course of eight weeks, you'll gain hands-on skills like how to resize and optimize images for your website and social media. You'll also gain valuable deeper understanding about image formats (Vector? Raster?), file types and we'll crack the mystery of resolution.
The web is visual, marketing is visual, communication itself is visual. Before a single word of your carefully-crafted copy is read, people evaluate you based on your images. The difference between a fast, appealing website and a slow, ineffective one comes down to images. The key to high quality, professional brochure is the images. But never fear, YOU can be a Graphics Eagle Scout by the end of summer!
Whether you're running your own business, boosting your job skills or managing staff, this series is packed with short, info-packed episodes that will pay for themselves many times over (especially since they're free). That's right, I said episode because this web series is in video format which means you can learn on your smartphone while lounging by the beach, lake or campfire. So join me on Instagram, Facebook, Twitter or YouTube (links in the footer) for a new lesson each week or join my mailing list to get them delivered right to your In Box.
July Newsletter: Digital Summer Camp, Part 1 | Partner Program Raffle | Summer Special Treat
You're Invited to Digital Beach Summer Camp!
As an interactive designer I'm fascinated by how much we communicate nonverbally. From websites to social media to the humble business card, we transmit a lot of information visually. But sometimes the effectiveness of a piece has nothing to do with design, it's simply the emotional power of an image. Take for example the high resolution Earthrise image by the Lunar Reconnaissance Orbiter showing our planet from the surface of the Moon. To me, April is a celebration of Earth and a reminder that caring for our cosmic home is nothing less than our sacred duty. Like the more famous "Blue Marble" photo from 1968, this shot instantly communicates - without words - that we are one family living together on a tiny planet. Whether you're a small business striving to use your website to boost sales or a nonprofit using social media to attract donors, powerful images reach people at an emotional level and can carry your message far and wide. If you think that's far fetched, consider the ways in which iconic imagery has shaped our cultural landscape and altered the course of history.
The best way to make the most of your online marketing channels - whether it's your website, blog, email newsletter or social media feed - is to develop a habit of keeping them fresh. For small businesses and nonprofits though, this can be a real challenge. As small business owners, we wear a lot of hats and marketing often ends up on a back burner. To remedy this, consider scheduling in a 7 step monthly update. Here’s a step-by-step guide to doing your first one and setting it up as an easy task each month.
February Newsletter: 5 February Promo Ideas | $50 off Video & Motion Graphics | Olympic Spirit
5 Ready-to-Use February Promo Ideas
About the author
As the owner of Pixel Lava Interactive I've helped hundreds of small businesses and nonprofits with websites, graphic design and more. I hope you'll find this blog full of useful information.
~ Ame Stanko