I think it should be made more clear that WEBP can have a transparent background, works nicely with continuous tone imagery and is usually a smaller file size than PNG.
WordPress doesn't support svg images for security reasons, which is why I didn't even bring them up in the video. But keeping it in the title helps with discoverability 😊 - Tony
@@Thrivethemes The Safe SVG plugin sanitizes SVGs and allows them to be used. Even with WebP, SVG is _by far_ the best format to use for things such as logos. You want your site logo to be as sharp and clean as possible, and not taking up much data is a nice bonus. Only SVG will render to the physical pixel resolution of the device, which is a big deal now that modern HiDPI (what Apple calls “Retina”) devices have _device_ pixels which are fractions of the size of a standard pixel. For photos, WebP is great, and JPEG is okay and more ubiquitous. But if your video isn’t going to talk about SVG at all, that shouldn’t be in the title.
@@Thrivethemes you should not ever want someone to find your video over something you do not talk about that is terrible and will hurt you in the long run
can we directly upload the webp format of image or shall we first upload the jpg or png and through plugin convert to webp, as i have heard that some browser doesnt support webp format. Kindly guide. Thanks
Great question! You can do either one. You can use a plugin like Shortpixel to convert your jpg images to webp, or upload webp images directly to WordPress. Either will work fine. It is true that there's a small portion of users (we're estimating it's about 5%) using browsers that don't support webp images. But these are only a handful of them relying on Internet Explorer (1%) or older versions of Safari. In my honest opinion, the pros definitely outweigh the cons. It'd use webp images if you can! - Tony
Hi David! Not your entire website, but each of your pages. Your homepage should be ideally under 1mb, your about page under 1mb and so forth and so on. Now... Sometimes this is hard to accomplish. thrivethemes.com's homepage for example is close to 2mb in size. We're trying to bring it down to make it faster. It's just not an easy thing to do if you have lots of images, and links, and texts elements etc. wpbeginner.com's homepage is 500kb big! This is one of the main reasons why it loads pretty much instantly! The lighter you keep your pages the less resources you're asking users to have to download when they visit your site and the faster it'll load. Hopefully this helps! - Tony
@@Thrivethemes Thank you for your detailed explanation Tony. May I ask you 1 more question. Hero images of course can be a bit bigger. But what size do you personal aim for jpg s and png s when you would use them for your chapters in posts or as medium sized images on your homepage.
@@David-ue6iqI like them all to be HD (1280x720px) unless I'm displaying them in very small locations (user profile images, testimonial profile pictures etc.). But, more often than not, I'll try to get them up to 1920x1080px just because I'm picky about blurriness. If I'm working with squared images, I'll try to do 1000x1000px. Not every image is shot the same, keep that in mind. If a 1000x1000px squared image is 500kb big, then I'll probably scale down a bit more. If you're also using one image on your page for example, you can probably also afford to have it weight a bit more since you're not loading any other images. There's no right or wrong answer here, David. At the end of the day it's just a numbers game. Remember, what matters is the overall page size. Really good questions! - Tony
If you edit with Adobe and export to PNG, the metadata is not preserved. Jpeg does preserve the metadata, as does TIFF. Though the most recent PNG spec does include metadata, most photo editors do not support it. For me, the metadata is crucial for many reasons.
@@Thrivethemes Metadata contains my name and copyright. It also contains information of lesser importance such as the exact equipment used (camera and lens) as well as settings such as aperture, shutter speed and ISO. The most important is my copyright, but the other data is also useful.
Hey Anthony - gifs are a bit special... They're typically much more heavy in weight than regular images and not worth having them on a page. Hence, I typically recommend you use a video on loop rather than a gif when possible. - Tony
I think it should be made more clear that WEBP can have a transparent background, works nicely with continuous tone imagery and is usually a smaller file size than PNG.
Yup, thanks for making it even more clear! - Tony
You mention SVG in the title but not in the actual video?
WordPress doesn't support svg images for security reasons, which is why I didn't even bring them up in the video. But keeping it in the title helps with discoverability 😊 - Tony
@@Thrivethemes The Safe SVG plugin sanitizes SVGs and allows them to be used. Even with WebP, SVG is _by far_ the best format to use for things such as logos. You want your site logo to be as sharp and clean as possible, and not taking up much data is a nice bonus. Only SVG will render to the physical pixel resolution of the device, which is a big deal now that modern HiDPI (what Apple calls “Retina”) devices have _device_ pixels which are fractions of the size of a standard pixel.
For photos, WebP is great, and JPEG is okay and more ubiquitous.
But if your video isn’t going to talk about SVG at all, that shouldn’t be in the title.
@@Thrivethemes you should not ever want someone to find your video over something you do not talk about that is terrible and will hurt you in the long run
I have a 25MB video as a background. How can I optimise that for Thrive?
Don't upload it to WordPress! Put it on UA-cam or Vimeo and use that instead. 😊 - Tony
can we directly upload the webp format of image or shall we first upload the jpg or png and through plugin convert to webp, as i have heard that some browser doesnt support webp format. Kindly guide. Thanks
Great question!
You can do either one. You can use a plugin like Shortpixel to convert your jpg images to webp, or upload webp images directly to WordPress. Either will work fine.
It is true that there's a small portion of users (we're estimating it's about 5%) using browsers that don't support webp images. But these are only a handful of them relying on Internet Explorer (1%) or older versions of Safari.
In my honest opinion, the pros definitely outweigh the cons. It'd use webp images if you can! - Tony
Great video! Thanks!
You're welcome!
Tony, did I get you right? My websites whole size should be around 1 megabyte max?
Hi David!
Not your entire website, but each of your pages.
Your homepage should be ideally under 1mb, your about page under 1mb and so forth and so on.
Now... Sometimes this is hard to accomplish.
thrivethemes.com's homepage for example is close to 2mb in size. We're trying to bring it down to make it faster. It's just not an easy thing to do if you have lots of images, and links, and texts elements etc.
wpbeginner.com's homepage is 500kb big! This is one of the main reasons why it loads pretty much instantly!
The lighter you keep your pages the less resources you're asking users to have to download when they visit your site and the faster it'll load.
Hopefully this helps!
- Tony
@@Thrivethemes Thank you for your detailed explanation Tony. May I ask you 1 more question. Hero images of course can be a bit bigger. But what size do you personal aim for jpg s and png s when you would use them for your chapters in posts or as medium sized images on your homepage.
@@David-ue6iqI like them all to be HD (1280x720px) unless I'm displaying them in very small locations (user profile images, testimonial profile pictures etc.). But, more often than not, I'll try to get them up to 1920x1080px just because I'm picky about blurriness. If I'm working with squared images, I'll try to do 1000x1000px.
Not every image is shot the same, keep that in mind. If a 1000x1000px squared image is 500kb big, then I'll probably scale down a bit more.
If you're also using one image on your page for example, you can probably also afford to have it weight a bit more since you're not loading any other images.
There's no right or wrong answer here, David. At the end of the day it's just a numbers game.
Remember, what matters is the overall page size.
Really good questions!
- Tony
@@Thrivethemes Perfect, thx for your help here Tony.
What about video ?
What about it?👀
If you edit with Adobe and export to PNG, the metadata is not preserved. Jpeg does preserve the metadata, as does TIFF. Though the most recent PNG spec does include metadata, most photo editors do not support it. For me, the metadata is crucial for many reasons.
Cool input! Would have loved to learn more about your reasoning for wanting to preserve metadata.
Cheers - Tony
@@Thrivethemes Metadata contains my name and copyright. It also contains information of lesser importance such as the exact equipment used (camera and lens) as well as settings such as aperture, shutter speed and ISO. The most important is my copyright, but the other data is also useful.
What about gifs?
Hey Anthony - gifs are a bit special... They're typically much more heavy in weight than regular images and not worth having them on a page. Hence, I typically recommend you use a video on loop rather than a gif when possible. - Tony