Advanced Design Tips: Understanding Image Properties - GoDaddy Website Builder

In this video, we'll cover the four basic image properties you can edit; how each of these can impact site performance, and share some optimal image property settings.

Image properties like file type, file size, image size, and resolution all impact display quality and performance on your website.
We're gonna explain these properties, show you how they impact your website performance, and give you some guidance on images you upload to Website Builder.
To view image properties on a Windows computer, you're gonna right click the file and then select Properties.
Now, if you're using a Mac, you're gonna press Options, then select the file, and then go to Get Info.
To adjust most image properties, you're gonna need to use a photo editing tool before you upload to Website Builder.
Luckily, there's a ton of photo editing software and web-based tools available, so do your online research and find something that fits your needs and budget.
Let's start with the property file type. The images you upload to Website Builder have to be saved as either a JPEG or a PNG.
Now, how you choose this typically depends on the type of image or the subject.
PNG files produce higher quality images and allows you to place images on a transparent background.
You're looking at a go-to format for website logos. But keep in mind that PNG files are typically larger than JPEGs.
When taking a photo on your phone or on a digital camera, these are typically JPEG. Though JPEGs are lower quality than a PNG, they accommodate for complex colors and shading and they offer the flexibility of being able to balance your image quality and your file size.
Generally speaking, JPEGs are best suited for photography while PNGs work well for graphics, logos, and screenshots.
File size is the amount of bytes or storage space that a file takes up in your computer. Website Builder allows you to upload images up to 30 megabytes in size.
That being said, when it comes to file size, smaller is better.
Super-sized files can drastically slow down your image and page load time, which negatively impacts your SEO.
So for optimal site performance, make sure that you keep images on your site between 300 to 500KB and large full-screen or background images under one meg.
One quick way to reduce image file size is to use an online image compression tool like TinyJPG or TinyPNG.
Image size refers to the actual dimensions of an image in pixels. It impacts how it displays on your website as well as its file size.
And while Website Builder doesn't restrict image size, a minimum width of 1080 pixels is necessary for optimal display on most templates, otherwise it's gonna be blurry and pixelated.
In addition, right-sizing your image rather than uploading an overly large version will make sure that you keep your file size smaller and you can avoid that dreaded slow load.
Finally, resolution is the quality or density of an image. While high resolution is important for printed images, it's not so critical in a web display.
Keep in mind, though, many stock images on the web are designed with print and digital use in mind.
So this means they have a higher resolution by default and, in turn, a larger file size.
To dial back resolution and make file size more manageable, use the Save for Web option. This keeps your images at a more web-friendly resolution.
We hope you found this info on image properties helpful.

As the company empowering everyday entrepreneurs around the world, GoDaddy gives you all the help and tools you need to grow online.

#WebsiteTips #Website #BusinessWebsite #WebDesign #HowTo #GoDaddy #GoDaddyWebsite