JPEG, PNG, SVG, OR WEBP? How the Right Image Format Makes Your site FASTER!

  Рет қаралды 2,816

Thrive Themes

Thrive Themes

Күн бұрын

Discover which types of image formats you should be using on your website! In this video, we delve into the benefits of JPEG, PNG, and WebP images. Choosing the right format optimizes your site's speed and quality. Learn how each format impacts load times and visual appeal. Elevate your website's performance with the right image format.
Get the best value with Thrive Suite → thrivethemes.com/suite?...
Thrive Architect → thrivethemes.com/architect?ut...
If you want to connect with other Thrive Themes users by joining the Official User Group on Facebook, click here → / 383136866154053
Find us on social media:
→ Instagram: / thrivethemes
→ LinkedIn: / thrive-themes
→ Facebook: / thrivethemes

Пікірлер: 23
@jacobharris2373
@jacobharris2373 3 ай бұрын
Great video! Thanks!
@Thrivethemes
@Thrivethemes 3 ай бұрын
You're welcome!
@badcatdesign
@badcatdesign 11 ай бұрын
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.
@Thrivethemes
@Thrivethemes 11 ай бұрын
Yup, thanks for making it even more clear! - Tony
@ildarius
@ildarius 10 ай бұрын
You mention SVG in the title but not in the actual video?
@Thrivethemes
@Thrivethemes 10 ай бұрын
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
@JoelERea
@JoelERea 3 ай бұрын
@@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.
@user-ng4vg2gy1t
@user-ng4vg2gy1t 6 ай бұрын
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
@Thrivethemes
@Thrivethemes 6 ай бұрын
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
@aokcreative
@aokcreative 6 ай бұрын
I have a 25MB video as a background. How can I optimise that for Thrive?
@Thrivethemes
@Thrivethemes 6 ай бұрын
Don't upload it to WordPress! Put it on KZfaq or Vimeo and use that instead. 😊 - Tony
@ShortboyKennel
@ShortboyKennel Ай бұрын
What about video ?
@Thrivethemes
@Thrivethemes 28 күн бұрын
What about it?👀
@David-ue6iq
@David-ue6iq 11 ай бұрын
Tony, did I get you right? My websites whole size should be around 1 megabyte max?
@Thrivethemes
@Thrivethemes 11 ай бұрын
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
@David-ue6iq
@David-ue6iq 11 ай бұрын
@@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.
@Thrivethemes
@Thrivethemes 11 ай бұрын
@@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
@David-ue6iq
@David-ue6iq 11 ай бұрын
@@Thrivethemes Perfect, thx for your help here Tony.
@danncorbit3623
@danncorbit3623 10 ай бұрын
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
@Thrivethemes 10 ай бұрын
Cool input! Would have loved to learn more about your reasoning for wanting to preserve metadata. Cheers - Tony
@danncorbit3623
@danncorbit3623 10 ай бұрын
@@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.
@anthonyrude
@anthonyrude 9 ай бұрын
What about gifs?
@Thrivethemes
@Thrivethemes 9 ай бұрын
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
Are You Using the WRONG Image Format?
16:20
ThioJoe
Рет қаралды 762 М.
SVG vs PNG: What Are the Differences and When to Use Them
10:43
Задержи дыхание дольше всех!
00:42
Аришнев
Рет қаралды 3,6 МЛН
Inside Out Babies (Inside Out Animation)
00:21
FASH
Рет қаралды 13 МЛН
Дарю Самокат Скейтеру !
00:42
Vlad Samokatchik
Рет қаралды 9 МЛН
Speed Up Your Website Using Siteground Optimizer
16:25
Ferdy Korpershoek
Рет қаралды 13 М.
DON'T Serve Unoptimized Images - Webp, Srcset, ImageKit, and more!
18:29
Why I Switched From WordPress to Webflow (And Never Looked Back)
16:55
A Guide to Image Formats & Sizes for Websites
12:12
Avada
Рет қаралды 4,7 М.
The Most HATED Image Format
11:45
ThioJoe
Рет қаралды 157 М.
How to Make More WooCommerce Sales
19:25
Thrive Themes
Рет қаралды 1 М.
Explaining Image File Formats
14:20
ExplainingComputers
Рет қаралды 123 М.
What's The BEST Image Format for the Web?
11:24
A Designer Who Codes
Рет қаралды 2,8 М.
STOP Using JPEG? JPEG vs PNG in Depth!
14:29
PiXimperfect
Рет қаралды 1,9 МЛН
No es por nada pero ya estoy a otro nivel de fuerte 💪🏻😅
0:15
Ouch.. 🤕
0:30
Celine & Michiel
Рет қаралды 7 МЛН
Jumping off balcony pulls her tooth! 🫣🦷
1:00
Justin Flom
Рет қаралды 13 МЛН