How To Optimize Images For Web Performance Without Losing Quality

[@KayCinho]

And here is how I organize all files for a website project: kzbin.info/www/bejne/oHjJpaSbn5hnrJo

[@luther-pd5uy]

is 461KB too big for the web. I did as you did step by step my image was 6mb to start

[@makurius]

Finally, someone answers why my images are blurry. Respect. And a big THANK YOU for sharing !!!

[@KayCinho]

My pleasure!

[@ZebaBluebox]

Why were the Blurry?

[@nafisnibraz5097]

I have been looking everywhere for something like this!! Earned yourself a subscriber... Keep it coming man!

[@Offline1988]

Finally, someone came from the skies and got us a proper solution for image optimization! Thank you so much!

[@KayCinho]

Glad it helped!

[@marvinromerox]

I was waiting to comment about Photopea, but you addressed it at the end! Excellent tutorial!

[@KayCinho]

Thanks for watching! Yes Photopea is an awesome free option :)

[@johan_rosenberg]

How are the colors that off in both affinity and PS? Did you copy/paste the picture in to a new colorspace or something?

[@Monique25]

i wonder why not go directly to squoosh instead of photoshop

[@fr1endsies]

Thanks for the lesson. I am noob and have struggled with out of control images. There will be no stopping me know!😍

[@carlosandresparadasanchez1912]

What about if I just need to resize the image pixels? example original 2000x1080 target 1000x1000?

[@goldenant9450]

is there a mode in photoshop where you can edit a photo without a canvas. I can understand why you would want a canvas if you are working with multiple layers, but for just resizing it's such a pain. anyways..what are your thoughts on using apple preview to resize?

[@indaskys]

Hi can you help im a photographer and uploading some of my photos to my website, id like them to look good on a 4k monitor but dont want people to be able to print them, so could i upload them at 3500 pixels wide at 1 dpi and compress to 800kb. will this make it impossible to print. when i test this and then copy the image and check the details it seemd to show them at 96 dpi. having trouble finding the best solution to have good quality on 4k monitor but protect them for being printed. Thanks in advance

[@fatrabbitnetwork8492]

My man! you are awesome! I just found your videos and was searching on everything. Thanks for making these videos

[@mehrit]

man! That was exactly what I was searching the whole Internet for it !!! thank you, man. wish I could like it more than once!

[@KayCinho]

Glad I could help!

[@bharatpansari]

Hi.....how to zoom out

[@NextChapter111]

I'm trying to follow the steps for Photopea and the software is not performing how you show it in your video. I opened my image, copied it, then selected File-New and set the sizing as you stated.... then when I try to paste, there is no option to paste. I went back to the original image and copied it again, and tried to paste it into the New Project..... again, no option to paste. Your instructions don't match the software's features and functionality.

[@camaxide]

at 6:56 the face looks much the same, but it seem mostly all the fine texture in the shirt is gone. though, that is still very impressive for 107 times reduction

[@insightfulcounsl]

Thank you so much for this tutorial. Really game changer.

[@KayCinho]

My pleasure!

[@samarthsharma3267]

Thank you! a little help can go a long way. keep it up brother.

[@KayCinho]

Glad it helped

[@vernondekoker8797]

Can you use the same method for Facebook and Instagram

[@princessalangrendora3696]

Hello there, I have a question how you can export the file if I need a transparent one? Should it be PNG?

[@interioactivedigitalmedia8330]

That was an awesome help!! Thank you so much. Glad to find this video. I have a question tho. Do you still use compression plug-ins like Smush or Optimole even after converting images to webp? Or this is already good?

[@KayCinho]

My pleasure. The only thing I use after converting to web is Wp-Rocket for caching 😉

[@interioactivedigitalmedia8330]

@@KayCinho I see, thank you for the response. Truly appreciated 💝

[@seekknowledge1928]

No doubt that this video is awesome. I had been waiting for this.. Great Content

[@KayCinho]

Glad it helped :)

[@UnlimitedRangeOutdoors]

This is a fantastic demonstration. Thank you for this!

[@ellebee3140]

Photopea seems to handle color more like the original image than Affinity or Photoshop.

[@KayCinho]

True! I guess playing with the color profiles should help, but out of the box Photopea does a good job.

[@RaymondAnimpuye]

Hey Kaycinho, this has been helpful. Thanks a lot

[@tiger_mx]

Thanks for this fantastic Video, I Have a traveling website, and I needed help with the size of my photos. After watching this Video, my website is a rocket 🚀

[@kierayu9225]

Hey, Kaycinho, this tutorial video is incredible. But when I used Photopea to edit images exactly as you did, after I entered the digits and clicked "creat", there's nothing happened. Could you please tell me where I went wrong?

[@soniajoel5402]

What kb is ideal for website photos?

[@KayCinho]

As small as you can while keeping good quality. Usually I get between 80kb and 300kb depending on the complexity of the image. Images with foliage are the hardest to deal with.

[@relentlessslog]

You're a lifesaver Kaycinho! 👍

[@sokchakkrapin7825]

Look Cool Sir, Thank for your sharing.

[@sinno2861]

Do we use 2560x1706 for every image? What about png images which have transparent background?

[@lahayan]

You should avoid transparency on large images. PNG is rather used for small images layered over the background.

[@rbdesignguy]

Photoshop has a button I created to do all this in one click😅 thanks for sharing tho I appreciate hearing new options!

[@royalbengaltours]

Very very helpful tutorial. Really loved it.

[@KayCinho]

Glad it helped!

[@SimonJokes]

Great video! Thanks.

[@KayCinho]

Glad you liked it!

[@carloscodling5084]

AMAZING!! Thank you so much!!

[@KayCinho]

You're so welcome!

[@leaderzikos1260]

thanks dude !

[@mariannaist]

awesome, thanks

[@ElijahWoody]

Awesome! Thankssss brooo

[@seba1052]

my image still blurry help

[@dallassegno]

Take better photos

[@mohamedaslam7809]

you are a life saver. thanks man

[@KayCinho]

My pleasure!

[@7r1k24]

Thanks!

[@pajeetsingh]

ffmpeg?

[@alexandersorbas1881]

Thank you !!!!

[@GetTennisBar]

Amazing boss😘😘

[@KayCinho]

Thanks 🤗

[@v0ldy54]

DPI setting is completely meaningless for digital images for the web

[@ramonthg]

Heroo!!!!

[@rami1208]

oohhhhh niceeeee

[@Kyle-ys3cv]

Not at all clear. When people are unfamiliar with technology, you've got to specify every single step. Assume your audience knows basically nothing. "I'm going to do X. I'm going to do Y." ???? How exactly are you doing X and Y? What tools are you using? You've got to spell it out, man. I've just purchased this software on your recommendation and you're blowing right past things. Nightmare.

[@fatcat3513]

Thank you 😊

[@davitkartashyan8526]

Thank you)