We’ve all seen pictures on sites that are just way too fuzzy or blurry to make a good impression on the messaging or content for the site, especially on panoramic landing pages or food, you don’t want them looking like lumps of lint you pulled out of the dryer. Or have you been building your own website using one of those services, usually free or low cost, that has a very intuitive, easy to manage user interface and you discover this high quality image you have available is appearing on the site so blurry it looks like a Cezanne painting. You keep looking back and forth thinking maybe the screen is off or you’re eyes are tired.
You’re not crazy and it isn’t fatigue setting in, those pictures likely were compressed by the engine designed to make website building easy. In an online environment, large file sizes really slow down page load time and even processing time of the whole site, so a really crisp picture is going to look really great…10 seconds after it loads. To avoid this situation entirely web design apps frequently automatically compress your images when uploaded through the tool and stored in the database or place file size caps for uploading which means it is on you to format the pictures for display.
What is the solution? The key here is understanding that the more you rely upon and accept automation to build your site, the more you will be limited in achieving the site design you want. Some site design platforms give you access to the code that allows you to change the compression parameters. Some site design platforms give you access to the code that allows you to host the images uncompressed on other servers or to embed them from an image service like Instagram. There are some site design platforms that only give you access to the tools they provide. If you understand the intricacies of displaying pictures on a website, then you can look for new ways to get the pictures and the quality you want on display either by utilizing work-arounds to the design platform you are using or deciding the platform is insufficient for your needs.
If your pictures aren’t being displayed correctly and you don’t have enough time, energy, or know-how to solve the problem, contact me for a free consultation. I will diagnose your image problem and give you the best solutions to solve it.