Hi Daniel! When I was making this video 2,5 years ago, WEBP format wasn't as widely supported as today. Today, most of my websites use WebP, as the browser and OS support is over 97%. I guess it is time for me to update this video, and release a new version.
That was excellent. I was struggling with that. But one question; should I consider the device where the site will be displayed or that would be done by the theme in case of using CMS?
Hi Marcus, because I am talking about optimzing images to use for web design. Basically, 5MB image is very very bad for website loading speed and SEO performance.
NOVICE INQUIRY! I'm not a pro and I'm not planning to be one in photography. I used my phone to capture photos and I really like the simplicity and quality of it every time I take a snap of something. The thing is every time I upload it on Facebook, the quality gets downgraded. I have noticed that pros use a "web-sized" photo every time they upload their stuff and the megapixels, image size, and file size has been reduced but the photo quality on Facebook is not compromised. QUESTIONS: 1. How do I use Photoshop (or any other apps) to reduce the megapixels, image size, and file size of my photo without compromising the image quality on Facebook? 2. What would be the recommended megapixels, image size, and file size of a vertical and horizontal photo before uploading it on Facebook? I am willing to transfer my photos from my mobile to a pc/laptop and go from there. I would really appreciate it if you could help me with this and thank you so much in advance! :)
What exactly is being modified with the "image quality" option? JPEG is a well defined file format; your resolution was predetermined by you, your color space is predetermined. Ive actually studied the mathematics hidden in the binary data of the JPG file, so Im a bit confused what image quality is affecting. How is that distinct from resolution and the like in this context?
Finally i found your video helpful of all, but i just have a little confusion. Coz i see some clothing websites where you click a model's photo it will zoom in to a very large full screen size where you can also see every detail of that picture and also loads up fast. Now is that around 2500pix/500kb also or maybe more? Because im just thinking that you cannot get the same quality with 2500pix/500kb or maybe i'm just wrong. I can show you the website i'm talking about if you let me know your email. Please help me understand and thank you so much i just subscribed to your channel.
Soon, but I don’t believe it’s time, yet. I use WebP for my website, but there are still some compatibility issues, and AVIF is also not mainstream yet.
The 500kb is for the indivudual image sizes, right? How about for the aggregated image sizes in a single page? Do you set a limit for that? idk if my question made sense as google is not returning any meaning result.
Do you know uploading pictures without resizing them reduces the uploading speed of your website? You can lose 97% of potential users if your website takes over 2 seconds to download the images. Image optimization and resizing are no more a headache! There is a solution! You can use image resize tools to optimize images as per your desire. It automatically adjusts or applies the effects and resizes the images. Corel Draw speeds up the process of applying multiple effects simultaneously in bulk form. It drastically increases the page uploading speed. www.techeeks.com/product/pic-magic-tools
You know what Eldar, your info was excellent and I kind of understood it, but I also felt defeated as there is so much I don't know or understand with the terminology. I am an artist, calligrapher but not a lot of knowledge to do this properly. I'm in the process of getting my website updated. and want to change the pictures but many of what I've email to the web designer tell me it's not a good image....I wish I could find someone like you who knows what to do and what looks good. These guys are nice but they have no artistic design skills in my opinion nor can I communicate well with them...anyway, thanks for you work...all the best
Great advice! You see a lot of designers that build websites really don’t follow good practices like your examples. It’s key to making images look great and have a site that loads fast. Thank you for sharing.