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.
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.
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
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! :)
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.
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?
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.
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
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.
Thank you Eldar! Your explanation was concise and very instructive. Good job!
Hi David! Thanks! I am glad you found this video helpful!
Finally someone can explain it and show it in Pixelmator. Just saved my day, because I always got to blurry images on my website. Thanks a lot!
I'm glad it was helpful! :)
Short and sweet and to the point. Thanks Eldar. Well done!
Glad you liked it!
great explanation
Thanks!
Good job. Well explained.
Thank you, Barry!
Thank you very much for a well presented tutorial on a subject that was troublesome for me but solved my problems, very well done !!
I’m happy to hear that you find this helpful! :)
Wonderful video, very, very clear and easy to follow!! Thanks
Glad it was helpful!
Hello Eldar! Thank you for taking the time ro post this. It is short, illustrative, and gets right to the point.
I’m glad it was helpful for you!
Very useful
Happy to hear that
Thanks a bunch. Short and super useful.
I'm glad it was helpful!
Hi! Thanks for this and please: Why not to use WebP images?
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.
Thank you Eldar, great job.
Thanks, Jim!
Finally in short to the point terms. Thanks Eldar you saved the day / night and a lot coming.
I am really happy to hear that! :)
great video! You explained very well the process :)
Thanks! I'm glad you find it helpful!
Very useful video. Thanks so much!
You are a very, very good teacher! thank you so much!
Thank you! 😃
Many thanks Eldar for this wonderful video content. Well done and please keep up the good work.
Thanks for kind words! I’m glad you find this video helpful.
You made a great video, thank you Eldar
Thank you 🙏🏻
very useful video to me , I ve got all what i need in one short video ,Bravo!
I’m glad to hear that!
Any idea how to do this process in bulk?
Great video. More Pixelmater Pro videos please. Thanks!
Thanks! I will make another Pixelmator Pro video soon!
wow thanks
Most welcome
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.
Yeah, finding the right balance between quality and size if very important. Thanks!
Awesome video! Thank you!
I am glad you liked it!
Good content. Thank you.
Thank you for making this video
Thank you for watching! :)
Very Helpful...Thanks for a great knowledge. It will be nice if you can tell which software is best to resize image on Windows PC. Thanks
Hello. Thanks, I am glad you find it helpful! I haven’t used Windows for a long time, but a regular Photoshop or any alternative will do.
What about the numbers in file-name?
thats amazing.thank you so much!
Thanks! I’m glad you find it helpful! If you need any help, I’m alway here :)
thanks brother
THNK YOU!!!!!
Nice video, thanks
Arigatoo!!eldher sama!!!
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
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! :)
thank you Eldar!
very helpful video, thanks a lot!
Glad it was helpful!
Where is the image SEO video?
What do you do for those who are using 4k, 2k, HD screens? You don't scale images accordingly?
Any chance to see tutorial on how you optimise videos. Are those GIFs you are using in your templates? Thanks
Hi Mike. I rarely use GIFs in my templates. I will make a video about optimizing videos soon!
thanks
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 James! You can optimize images for each device size, but most of the time, a well optimized image will look great on all devices.
I'm confused as to WHY you want to go to all the trouble of reducing the size of the image? ....What is the problem if you leave it as a 5MB file?
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.
Tnx
Super ... thanks sir
I am glad you find it helpful!
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?
Hi, great video mate, one question, when you say max of 2500px is enough, would you say it would still look good on larger screens, like 4k?
Yes, it will look absolutely fine.
In the new version the crop tool has been moved to the "tools" menu
Thanks! I will probably update this video soon!
SuppaDuppa!!!
I think this video may need updating. There is WebP and AVIF available for use. More than likely over time AVIF will win in the long run.
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.
Soo informative👍
Thanks! I'm glad it was helpful to you
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.
thank you, btw. great infos!
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
Hello Jessica, you can get in touch with me (eldar@hey.com) and I will help you and explain in detail everything you need
I cant find the video can you link it?
Hi, what do you mean?
Awesome Sweater! Then you cropped out the best bit :( Haha
Thanks!
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.
Thanks! 2500px at 500kb is not bad. Send me the website to gezalov@me.com, and I will take a look
Link please
link to what?
Can I have your email? I have some questions
Hi! Sure, you can contact me at eldar@hey.com