Field Notes Blog
News and thoughts on UI/UX, web design, and more.
Gigs, megs, kilobytes, megapixels…omg, wth? If you’ve ever gone to upload a file and been shocked by how long it’s taking then never fear! Today’s episode is all about file sizes. I’ll cover all of the common ones, a few exotic ones and even reveal the name of one you might use every day without knowing what it actually means!
Vector, raster, bitmap … what they heck are all of those things and do they even matter? In this episode I’ll show you what they are, where we use them and yes…why they do matter when your goal is to quickly use the right image to get the best quality. If you’ve ever been confused about what a vector image is and why your cell phone photo made for a terrible t-shirt image, this episode is for you!
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.
Free 5 Minute Beach Break
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.
Welcome to Pixel Lava Digital Summer Camp!⛱️ Every week we’re diving into a new lesson designed to build your skills to rule the web! Whether you’re a small business owner, nonprofit pro or or want to build job skills, this is for you. In this one minute video episode you'll learn about the top most common file formats, their real names, what they are actually for and which ones to use where to get the best results. I'll cover everything from JPGs to EPS, including handy links to get more detailed information. To get a FREE, frosty new episode each week, join my mailing list.
You're Invited to Digital Beach Summer Camp!
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