BLOG
Website, Meet Image - part I
In a world full of websites full of images, how does yours stand out? This series will help you understand how to utilize images to enhance your website and your content.
February 19, 2019
Reading time: 5 min
|
Digital Experience Strategy
All that said, if you aren't well versed in design or development, making sure that you have the right images images prepared to run smoothly on your website can be a daunting task. Here at High Monkey, we are starting a new blog series called "High Monkey Help." Our goals are simple, answer some of the questions we hear all the time, and help people learn more about their websites and content. Before we get too far into the weeds we have to understand some basics about images, there are two different types of image files that you will use on the web. Raster and Vector...
Raster Images
Raster images (JPEG, GIF, PNG) are made up of pixels. This means that they are "bitmapped" or comprised entirely of boxes of different colors, that when combined, create a full image. The pros of using raster images are that they are great at displaying more complex images, so they are the standard when it comes to photography and complex illustrations. The downsides of raster images are 2-fold. 1. The more you zoom in, the more the pixels become evident and the more "blurry" the image gets. 2. In order to solve this problem many people opt for higher resolution photos, which almost always means gargantuan file sizes that bog down websites and increases bounce rates. We'll have more on image sizes for web later, but for now just remember that file size doesn't automatically = quality.Vector Images
Vector images (svg) are made up of mathematical formulas, and are therefore are able to scale up or down without compromising any quality. Because there aren't any pixels in vector images, as the size changes the formula adjusts, making sure that regardless of the size of the image you maintain clean lines, shapes and color. It is important to note that you can always change a vector image into a raster image, but you will need vector graphics software like Adobe Illustrator or Sketch if you want to change a file from raster to vector.Soo...What do I save my image as?
Vector images (svg) are made up of mathematical formulas, and are therefore are able to scale up or down without compromising any quality. Because there aren't any pixels in vector images, as the size changes the formula adjusts, making sure that regardless of the size of the image you maintain clean lines, shapes and color. It is important to note that you can always change a vector image into a raster image, but you will need vector graphics software like Adobe Illustrator or Sketch if you want to change a file from raster to vector.Latest Blogs
| Digital Experience Strategy
Welcome to High Monkey's new website!
High Monkey has a brand-new website! See why we redesigned it, how we built it, and what’s new in our smarter, more intuitive digital home.
March 24, 2025
Reading time: 5 min
| Business Process & Collab.
Elevate your productivity with this OneNote Kanban Board strategy
Boost your efficiency with our OneNote Kanban Board strategy. Perfect for anyone looking to streamline their task management and enhance productivity with practical, easy-to-implement tips.
March 23, 2025
Reading time: 7 min
| DIgital Experience Strategy
Discussing Stupid gets a fresh new look for Episode 11
Discover how Discussing Stupid leveled up with a fresh new look in Episode 11—new colors, a refined intro, and a branding update to enhance the experience.
March 18, 2025
Reading time: 5 min
Your success story starts here
Contact us for a free consultation, and let’s work together to build a strategic plan that tackles your challenges and lifts your organization to a new level.