Xiaomi MIUI Official Forum

Moderator

Sharing is Caring

Rank: 7Rank: 7Rank: 7

Credits
30050
Device
Redmi 3S Prime
MIUI Version
7.6.22
Online time
694 Hours
Send PM

Mi Power StripUnlock MedalYeelight Bedside LampMi VR HeadsetMi WiFi RouterMagic CubeMi Water PurifierMi  BunnyMi Band 2Mi Power Bank 10000MAH Mijia Story TellerMi TV 70Mi HomeMi In-Ear HeadphonesMi Selfie StickMi BandXiaomi 6 LaunchMi HeadphonesMi VRXiaomi 7th AnniversaryMarshmallowMIUI 8MIUI 2016Awesome!FlashholicMIUI 7MIUI Devices ContestMIUI 6I Love MIUIMIUI 2015Fantastic!Mi 4cRedmi 2Redmi 1SRedmi 3SMIUI 100 Million UsersMid-Autumn Festival1500K Forum MembersFan Of MIUI BangladeshDiwali Happy Diwali1800K Forum Members1400K Forum MembersHappy Valentine's Day1700K Forum MembersMIUI 300 WeeksMIUI Forum App500K Forum MembersMIUI Fan from IndiaMIUI HalloweenThanksgiving Day800K Forum MembersXiaomi 5th AnniversaryMIUI Fan from Malaysia700K Forum MembersMIUI 5th AnniversaryMIUI Fan From Indonesia1 Million Forum MembersUEFA EURO MedalFan Of MIUI IndiaMIUI 6th AnniversaryHilal Ramadan 5 Million Forum Posts600K Forum MembersXiaomi 6th AnniversaryOlympics MedalMi Live MedalWomen's Day MedalMIUI Fan From NepalSuper WednesdaySurge S110 Million Forum PostsSuper TuesdayMIUI Lucky FridayHappy New YearMIUI 2017MIUI Monthly Talk3 Million Forum App Installs3 Million Forum MembersPuzzle MasterMIUI Font LoverSuper SaturdaySuper Sunday300K Forum Members3500K Forum MembersHappy Holi Medal5 Million Forum App InstallsSuper ThursdayMIUI Happy MedalSuper FridayFan Of MIUI Russia1 Million Forum App InstallsSuper MondayFan Of MIUI ItalyFan Of MIUI PolandI Love 2016MIUI Marathon Medal2100K Forum MembersMIUI Fan From SingaporeMIUI World Tour1900K Forum MembersMerry ChristmasRocket to FutureMIUI Weekly PollRooster Year of 2017Gamer Mi BunnyAlpaca Mi Bunny MiPopSummer Mi BunnyI Love Mi BunnyMIUI ReviewMIUI Beta TeamMIUI Beta team - IndiaYouth PledgeMaster Of TechnologyMIUI Medals CollectorScroll Of WisdomMIUI FB FollowerMIUI KingMost Popular Forum UserMr. DependableRingtone Star Forum Contest LoverStar Of TechnologyMi Bunny Game Master MIUI Twitter FollowerInbox ZeroDebate MasterMi TalentMIUI ExpertUpdates LoverTechnology GuruMi Lover MedalAndroid ElfPioneer of MIUI English Forum Humor MasterApp TalentDie-hard MIUI FanMIUI Ice Bucket ChallengeMIUI Android 4.4 KitKatMi Story TellerApp TalentAndroid GuruMIUI FollowerMIUI G+ Follower

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

[ Promote]
66 4 |
13:35, Mar-21-2017 | From PC
|
|
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


Platinum Member

Rank: 4

Credits
2055
Device
Mi 4c
MIUI Version
0
Online time
151 Hours
Send PM

Mi HomeMi Band 2Xiaomi 6 LaunchMi Power Bank 10000MAH Mi MIXXiaomi 7th AnniversaryFantastic!MIUI 8MIUI 2016MIUI Devices ContestMIUI Happy MedalSuper MondayRooster Year of 2017Super ThursdaySuper Friday10 Million Forum PostsRocket to FutureMIUI 2017Happy Holi MedalMIUI Fan From NepalMIUI Forum AppMIUI Lucky FridaySuper Tuesday90000 Forum MembersSuper SundayMIUI Weekly PollSuper SaturdayMIUI Font LoverI Love Mi BunnyAndroid ElfTechnology GuruAndroid GuruDebate MasterForum Contest LoverMi TalentDie-hard MIUI FanMi Lover MedalMIUI KingRingtone Star MIUI ExpertStar Of TechnologyScroll Of WisdomYouth PledgeMi Story Teller

13:52, Mar-21-2017 | From PC
|
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
844
Device
0
MIUI Version
V8.2.4.0.MBEMIDL
Online time
26 Hours
Send PM

Magic CubeXiaomi 6 LaunchMi HomeMi VRXiaomi 7th AnniversaryMIUI Devices ContestMIUI 8MIUI World TourMIUI 2017Rocket to FutureRooster Year of 2017Puzzle MasterMIUI Font LoverFan Of MIUI Poland3500K Forum MembersFan Of MIUI Ukraine300K Forum MembersMIUI Forum AppI Love Mi BunnyTechnology GuruMost Popular Forum UserMIUI KingMaster Of TechnologyScroll Of WisdomMi Lover MedalAndroid GuruStar Of TechnologyDebate MasterDie-hard MIUI Fan

05:31, Mar-22-2017 | From PC
|
cheers

MIUI Resources Team

Rank: 6Rank: 6

Credits
10482
Device
Redmi 3S
MIUI Version
V7.5.9.0.MALCNDE
Online time
268 Hours
Send PM

Mi Selfie StickMi  BunnyMagic CubeMi Band 2Mi HomeMi VRXiaomi 7th AnniversaryI Love MIUIMIUI 2016Fantastic!MIUI Devices ContestMIUI 8Awesome!MarshmallowMi 5Redmi 3SRedmi ProXiaomi Mi 4Redmi 2Happy New YearRooster Year of 2017MIUI Drawing Talent1500K Forum MembersMIUI 2017MIUI Weekly PollPokemon Master MedalMerry ChristmasMIUI World TourFan Of MIUI Russia1 Million Forum App InstallsSuper MondaySuper ThursdaySuper SundayRocket to FutureMIUI Font LoverMIUI Forum AppSuper Saturday5 Million Forum App InstallsSuper WednesdaySingapore Merlion MedalSuper TuesdayHappy Valentine's Day3500K Forum MembersWomen's Day MedalMIUI Fan from IndiaScroll Of WisdomMIUI KingStar Of TechnologyDebate MasterUpdates LoverMi Lover MedalTechnology GuruForum Contest LoverDie-hard MIUI FanHumor Master

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

Elite Member

¯\_(ツ)_/¯

Rank: 6Rank: 6

Credits
7896
Device
Mi 4c
MIUI Version
V8.2.3.0.NXKCNEC
Online time
171 Hours
Send PM

Mi Selfie StickMijia Electric ScooterMi HeadphonesMi Band 2Mi HomeMi Plastic In-ear PhonesXiaomi 6 LaunchMagic CubeMi VRXiaomi 7th AnniversaryMIUI 8Awesome!I Love MIUIFantastic!MIUI Devices ContestMi 4cMIUI World TourFan Of MIUI AustraliaMIUI Fan from IndiaSuper FridayMIUI Happy MedalSuper ThursdayWomen's Day MedalMIUI 2017Surge S1Super Wednesday10 Million Forum PostsPuzzle MasterSuper Monday3 Million Forum MembersFan Of MIUI RussiaRocket to FutureFan Of MIUI BangladeshRooster Year of 2017Ringolicious MedalMIUI Fan From Nepal300K Forum MembersMIUI Fan From Myanmar3500K Forum MembersMIUI Lucky FridaySuper TuesdaySuper Sunday90000 Forum MembersMIUI Fan from MalaysiaFan Of MIUI UkraineMIUI Forum App5 Million Forum App InstallsSuper SaturdayHappy Holi MedalSingapore Merlion MedalI Love Mi BunnyGamer Mi BunnySummer Mi BunnyMIUI ReviewAndroid GuruScroll Of WisdomDebate MasterTechnology GuruForum Contest LoverStar Of TechnologyMi TalentMi Story TellerMIUI SuperstarMost Popular Forum UserMaster Of TechnologyMIUI ExpertMi Lover MedalMIUI Ice Bucket ChallengeDie-hard MIUI FanYouth PledgeAndroid Elf

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

Credits Management

Quick Reply Top Return to the list