How To Optimize Images For Web Performance Without Losing Quality

Подписаться 26 тыс.

Просмотров 76 тыс.

0% 0

How To Optimize Images For Web Performance Without Losing Quality? The ULTIMATE GUIDE. That's precisely what I'll be showing you today : with free and premium resources.
TOOLS I LOVE:
- Elementor Pro (affiliate): kaycinho.com/elementorpro
- Astra Pro (affiliate): kaycinho.com/astra
- Crocoblock (affiliate): kaycinho.com/crocoblock
- Wirementor (my own tool): kaycinho.com/wirementor
MORE LINKS:
- Wirementor demo (built by me): kaycinho.com/wirementordemo
- A2 Hosting (affiliate): kaycinho.com/a2hosting
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
GET MY HELP:
kaycinho.com/shop/consulting/
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/resources/
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/brandingtemplate
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
Also, I am the creator of Wirementor.
#webdesign #imageoptimization #corevitals

Хобби

Опубликовано:

20 фев 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 64

@KayCinho 2 года назад

And here is how I organize all files for a website project: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jGftqej34v8.html

@luther-pd5uy 7 месяцев назад

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!

@nafisnibraz5097 Год назад

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

@mehrit 20 дней назад

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 20 дней назад

Glad I could help!

@fatrabbitnetwork8492 Год назад

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

@user-bp6st6ql6i Год назад

Hey Kaycinho, this has been helpful. Thanks a lot

@UnlimitedRangeOutdoors 10 месяцев назад

This is a fantastic demonstration. Thank you for this!

@Offline1988 3 месяца назад

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

@KayCinho 22 дня назад

Glad it helped!

@relentlessslog Год назад

You're a lifesaver Kaycinho! 👍

@fasteditsyt 4 месяца назад

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

@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 🚀

@marvinromerox 6 месяцев назад

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

@KayCinho 6 месяцев назад

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

@seekknowledge1928 2 года назад

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

@KayCinho 2 года назад

Glad it helped :)

@insightfulcounsl Месяц назад

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

@KayCinho Месяц назад

My pleasure!

@royalbengaltours Год назад

Very very helpful tutorial. Really loved it.

@KayCinho Год назад

Glad it helped!

@SimonJokes 2 месяца назад

Great video! Thanks.

@KayCinho Месяц назад

Glad you liked it!

@ElijahWoody Год назад

Awesome! Thankssss brooo

@samarthsharma3267 2 месяца назад

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

@KayCinho Месяц назад

Glad it helped

@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?

@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?

@sokchakkrapin7825 5 месяцев назад

Look Cool Sir, Thank for your sharing.

@mohamedaslam7809 2 года назад

you are a life saver. thanks man

@KayCinho 2 года назад

My pleasure!

@leaderzikos1260 8 месяцев назад

thanks dude !

@carloscodling5084 2 месяца назад

AMAZING!! Thank you so much!!

@KayCinho Месяц назад

You're so welcome!

@fatcat3513 8 месяцев назад

Thank you 😊

@rbdesignguy 2 месяца назад

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

@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 💝

@alexandersorbas1881 Год назад

Thank you !!!!

@71k31 Год назад

Thanks!

@mariannaist 7 месяцев назад

awesome, thanks

@indaskys 10 месяцев назад

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

@princessalangrendora3696 Год назад

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

@wonderfullyweird258 Год назад

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.

@GetTennisBar 2 года назад

Amazing boss😘😘

@KayCinho 2 года назад

Thanks 🤗

@vernondekoker8797 2 года назад

Can you use the same method for Facebook and Instagram

@ramonthg 7 месяцев назад

Heroo!!!!

@Monique25 День назад

i wonder why not go directly to squoosh instead of photoshop

@hawkgodman 2 месяца назад

Doesnt answer the question why are my images low quality when reduces size. Size meaning dimentions?

@bharatpansari 6 месяцев назад

Hi.....how to zoom out

@seba1052 3 месяца назад

my image still blurry help

@sinno2861 9 месяцев назад

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.

@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.

@ellebee3140 2 года назад

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

@KayCinho 2 года назад

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

@pajeetsingh 4 месяца назад

ffmpeg?

@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.