Xiaomi MIUI Official Forum

Moderator

Sharing is Caring

Rank: 7Rank: 7Rank: 7

Credits
27120
Device
Redmi 3S Prime
MIUI Version
7.4.25
Online time
643 Hours
Send PM

Mi Power Bank 10000MAH Mijia Story TellerMi Band 2Mi HomeUnlock MedalMi TV 70Magic CubeMi Power StripMi Selfie StickMi Water PurifierMi  BunnyMi VR HeadsetYeelight Bedside LampMi WiFi RouterMi HeadphonesMi In-Ear HeadphonesMi BandXiaomi 7th AnniversaryMIUI 2015Awesome!MIUI 6MIUI 7MIUI 8MIUI 2016FlashholicI Love MIUIFantastic!MarshmallowMIUI Devices ContestRedmi 3SRedmi 1SRedmi 2Mi 4cSuper ThursdayHilal Ramadan 5 Million Forum PostsXiaomi 6th AnniversaryMIUI Happy Medal1 Million Forum Members3 Million Forum App InstallsPuzzle MasterMIUI Forum App1700K Forum Members10 Million Forum PostsMid-Autumn Festival3 Million Forum MembersThanksgiving DayOlympics MedalMIUI 300 WeeksMIUI 6th AnniversaryMIUI Halloween500K Forum Members600K Forum MembersSuper SaturdayFan Of MIUI IndiaMIUI Font LoverSuper SundayHappy Valentine's DayMIUI 100 Million UsersMIUI Fan from IndiaMIUI Fan from MalaysiaFan Of MIUI Russia800K Forum Members1500K Forum Members5 Million Forum App InstallsXiaomi 5th AnniversaryHappy Holi Medal700K Forum MembersMIUI 5th AnniversarySuper FridayUEFA EURO MedalSuper MondayMIUI Fan From SingaporeMerry ChristmasFan Of MIUI PolandMIUI Marathon MedalRocket to Future2100K Forum MembersMIUI World TourI Love 20161400K Forum MembersFan Of MIUI ItalyWomen's Day MedalMIUI Fan From NepalMIUI Lucky Friday1900K Forum MembersRooster Year of 2017Mi Live MedalFan Of MIUI Bangladesh1800K Forum MembersMIUI 2017MIUI Monthly TalkSurge S1Diwali Super TuesdayHappy New Year1 Million Forum App InstallsMIUI Fan From IndonesiaSuper WednesdayHappy DiwaliMIUI Weekly PollSummer Mi BunnyMiPopAlpaca Mi Bunny Gamer Mi BunnyI Love Mi BunnyMIUI Beta TeamMIUI Beta team - IndiaMIUI G+ FollowerMIUI ExpertRingtone Star Forum Contest LoverMIUI FB FollowerMIUI Medals CollectorApp TalentScroll Of WisdomHumor MasterMIUI Android 4.4 KitKatTechnology GuruMi Lover MedalAndroid ElfMIUI Twitter FollowerMIUI Ice Bucket ChallengeDie-hard MIUI FanStar Of TechnologyMr. DependableUpdates LoverMaster Of TechnologyYouth PledgeMIUI FollowerMi Story TellerMi Bunny Game Master App TalentPioneer of MIUI English Forum Inbox ZeroDebate MasterMi TalentAndroid Guru

[Others] [MIUI Resources Team] How To Optimize Your Images

[ Promote]
57 4 |
13:35, Mar-21-2017
| |
|
Go to reply no.
Main.jpg
Hello MIUIers,

Although images can be used to grab the reader’s attention and boost content share-worthiness, using them also increases the overall size of any web page. In turn, browsers will require more time to download and render content.

Keep in mind that site loading speed is a major factor for user experience. Even though you offer great content, having a sluggish site can be very infuriating to your audience. According to Kissmetrics, 40% of the online audience will leave if it takes longer than 3 seconds for a page to load.

To optimize your images for speed, below are the things you need to remember:

Creating Images for Websites

If you are familiar with photo-editing applications like Photoshop, then you may prefer to create your images for website use. Take note that these applications usually have the option to save a picture using a web-friendly format. In Photoshop, you can do this by clicking File > Save for Web & Devices.
Img-1.jpg
You may also be already familiar with the different file formats when saving images. The most common formats are JPG, PNG, and GIF.

JPG images are perfect for general photographs such as user photos and background images. They support a broad range of colors and gradients – all without bloating the file size.

PNG images, on the other hand, are usually bigger. However, they support transparency and superior image quality – making them perfect for logos.

Finally, GIF images may have a limited color palette, but they are also the smallest regarding file size. GIF images are mostly used for flat-color graphics and animations.

Using TinyPNG.com

Before you upload your images to your WordPress media library, it is a good idea to use a web-based tool like TinyPNG first to reduce their file size. All you have to do is to go to their website, upload your image, and wait for the compression to complete. When done, just click the download button and upload the compressed file to WordPress.

Img-2.jpg

Using Image Compression Plugins

Saving with the right image format and using TinyPNG are great habits to have if you wish to use a lot of images for WordPress. But what if you already have a library of unoptimized images on WordPress? Fortunately, there are plenty of image compression plugins such EWWW Image Optimizer, Smush It, and Imagify Image Optimizer.

If you wish to automate image compression for new uploads, then EWWW Image Optimizer is the plugin for you. Upon installing the plugin, every image you upload will be compressed automatically. You can also access settings such as optimization levels, automatic resizing, and so on.
Img-3.jpg

WP Smush, on the other hand, requires you to launch the plugin to compress existing images on your site. However, it also features automatic compression for new uploads.
Img-4.jpg

Lastly, Imagify Image Optimizer is another alternative that can automatically optimize the images in your media library. With this plugin, you can choose between aggressive, ultra, and standard compression levels – giving you more control over the final image quality.
Img-5.jpg


Conclusion

As the most popular content management system, WordPress has everything you need to build any site you can think off – be it a photography blog, eCommerce store, or an online portfolio. However, you need to make sure your site is built for speed regardless of the content types you want to utilize in your posts.

With the techniques above, you should now be able to utilize images for your website with confidence.

Source
Favorite Share

Rated by 1 person   Experience Reason  

VikuBalupura + 5 Fantastic!

Experience +5  View Rating Log


Diamond Member

Rank: 5Rank: 5

Credits
1729
Device
Mi 4c
MIUI Version
0
Online time
125 Hours
Send PM

Mi Band 2Mi HomeMi Power Bank 10000MAH Xiaomi 7th AnniversaryMIUI 2016Fantastic!MIUI 8MIUI Devices ContestSuper TuesdayMIUI 2017Rocket to FutureSuper FridayRooster Year of 2017MIUI Lucky FridayMIUI Weekly PollSuper ThursdayMIUI Happy MedalMIUI Fan From NepalMIUI Font LoverSuper Sunday90000 Forum MembersSuper SaturdayMIUI Forum AppSuper Monday10 Million Forum PostsHappy Holi MedalMi Lover MedalDebate MasterAndroid GuruMi TalentDie-hard MIUI FanMi Story TellerRingtone Star MIUI ExpertYouth PledgeScroll Of WisdomStar Of TechnologyAndroid ElfForum Contest LoverTechnology Guru

13:52, Mar-21-2017
|
This post was edited by 074783 at 13:54, Mar-21-2017

Thanks for sharing and for me "on1 Photo v10" is good for Image editing

Diamond Member

Rank: 5Rank: 5

Credits
592
Device
0
MIUI Version
V8.1.2.0.MBEMIDI
Online time
26 Hours
Send PM

Mi HomeXiaomi 7th AnniversaryMIUI 8MIUI Devices ContestFan Of MIUI PolandMIUI Font LoverRooster Year of 2017MIUI 2017MIUI World TourRocket to FuturePuzzle MasterScroll Of WisdomMi Lover MedalDebate MasterMaster Of Technology

05:31, Mar-22-2017
|
cheers

Platinum Member

Rank: 4

Credits
4624
Device
Redmi 3S
MIUI Version
7.4.21
Online time
85 Hours
Send PM

Mi Band 2Mi  BunnyMi Selfie StickMagic CubeMi HomeXiaomi 7th AnniversaryI Love MIUIMIUI 2016MarshmallowMIUI 8Awesome!Fantastic!Redmi 3SXiaomi Mi 4Redmi ProMi 5Pokemon Master MedalMIUI Fan from IndiaMerry ChristmasRocket to Future1 Million Forum App Installs1500K Forum MembersFan Of MIUI Russia5 Million Forum App InstallsMIUI Font LoverSuper SundaySuper SaturdayMIUI Weekly PollMIUI Forum AppHappy New YearMIUI World TourRooster Year of 2017Singapore Merlion MedalSuper MondaySuper TuesdaySuper ThursdayHappy Valentine's DayMIUI Drawing TalentSuper WednesdayMIUI 2017Women's Day MedalMi Lover MedalUpdates LoverMIUI KingForum Contest LoverTechnology GuruDebate MasterDie-hard MIUI FanScroll Of WisdomStar Of TechnologyHumor Master

05:35, Mar-22-2017
|
great info... thanks for sharing

Elite Member

¯\_(ツ)_/¯

Rank: 6Rank: 6

Credits
6365
Device
Mi 4c
MIUI Version
V8.2.1.0.LXKCNDL
Online time
153 Hours
Send PM

Mi HomeMagic CubeMijia Electric ScooterMi Band 2Mi HeadphonesMi Plastic In-ear PhonesMi Selfie StickXiaomi 7th AnniversaryMIUI 8I Love MIUIFantastic!MIUI Devices ContestMi 4c3 Million Forum MembersSuper MondayPuzzle MasterSuper ThursdayMIUI 2017Super TuesdayMIUI Lucky FridayRocket to FutureSingapore Merlion MedalSurge S1Super WednesdayWomen's Day MedalMIUI Happy Medal10 Million Forum PostsSuper Friday90000 Forum MembersSuper SundaySuper SaturdayMIUI Fan from MalaysiaMIUI Fan From NepalRingolicious MedalMIUI Fan From Myanmar300K Forum MembersFan Of MIUI BangladeshRooster Year of 2017MIUI Forum AppHappy Holi MedalMIUI Fan from IndiaMIUI World TourFan Of MIUI Russia5 Million Forum App InstallsGamer Mi BunnyMi Lover MedalMIUI Ice Bucket ChallengeYouth PledgeStar Of TechnologyMi TalentForum Contest LoverTechnology GuruDie-hard MIUI FanMIUI ExpertMaster Of TechnologyAndroid GuruAndroid ElfScroll Of WisdomDebate Master

08:39, Mar-22-2017
|
Sometimes I use export for web

Credits Management

Quick Reply Top Return to the list