Forget CMYK! All web graphics should be saved in RGB colors for images to look the way they should. Colors are typically defined in HEX format or RGBA format. In the latter, the letter A stands for alpha channel, which defines the transparency of a color. Zero is completely transparent, and value one has no transparency at all.
Someone may have snorted at the poor quality of the images in this blog. I'm telling a secret: I saved the images at a slightly better resolution than I normally do, just for my audience. Of course, high-resolution images look good, but the size of the image also affects the page load speed. Fast download speed, on the other hand, improves the user experience and Google's appreciation, which ultimately improves search engine visibility.
A suitable compromise must be found between the image quality and the file size. Personally, I saved the images for this blog with Photoshop’s Save for Web feature to 80% quality at an image width of 1500-2000 pixels. On mobile, I rely on the system’s own image resize feature, which makes images 500 pixels wide. Photoshop's Save for Web feature also names images to suit web usage – again, an SEO thing :)
Here are the most important tips for starting web design with a graphic design background. We are spending more and more time online, which has become like a living room for modern people. We decorate our living spaces to meet the eye, so why couldn’t our virtual living room also be beautiful and functional?
All of the techniques mentioned can be easily tested with LiquidBlox, the no-code website builder for designers.
Read more about doing website design professionally here.