Xiaomi MIUI Official Forum

Moderator

Sharing is Caring

Rank: 7Rank: 7Rank: 7

Credits
33154
Device
Redmi 3S Prime
MIUI Version
7.7.20
Online time
719 Hours
Send PM

Mi In-Ear HeadphonesYeelight Bedside LampUnlock MedalMi BandMi VR HeadsetMi Selfie StickMi WiFi RouterMagic CubeMi HeadphonesMi Power StripXiaomi 6 LaunchMi TV 70Mi VRMijia Story TellerMi Power Bank 10000MAH Mi Bluetooth SpeakerMi Band 2Mi  BunnyMi HomeMi Water PurifierXiaomi 7th AnniversaryMIUI Devices ContestFlashholicMIUI 2016MarshmallowMIUI 8I Love MIUIMIUI 6MIUI 2015MIUI 7Fantastic!Awesome!Redmi 1S4 Million Forum MembersMi 4cRedmi 3SRedmi 2MIUI 100 Million Users1700K Forum MembersMIUI Forum App1500K Forum MembersFan Of MIUI IndiaHappy Valentine's DayDiwali MIUI 9MIUI Fan From IndonesiaFan Of MIUI BangladeshMi Live MedalMid-Autumn Festival1800K Forum Members1400K Forum MembersMIUI 300 WeeksXiaomi 6th AnniversaryXiaomi 5th Anniversary5 Million Forum Posts1900K Forum Members1 Million Forum Members800K Forum MembersMIUI HalloweenThanksgiving DayHilal Ramadan MIUI 5th AnniversaryMIUI Fan from IndiaOlympics Medal600K Forum MembersMIUI 6th AnniversaryUEFA EURO Medal700K Forum MembersMIUI Fan from Malaysia500K Forum MembersHappy DiwaliSurge S1Women's Day Medal10 Million Forum Posts3 Million Forum MembersPuzzle MasterMIUI Fan From NepalSuper TuesdayMIUI Monthly Talk3 Million Forum App InstallsMIUI Lucky FridaySuper MondaySuper ThursdayMIUI Happy Medal300K Forum MembersSuper Sunday3500K Forum Members90000 Forum Members100k Forum MembersMIUI Font LoverSuper SaturdaySuper FridayFan Of MIUI Russia5 Million Forum App InstallsHappy Holi MedalMIUI 2017Super WednesdayMIUI Weekly PollHappy New Year2100K Forum MembersFan Of MIUI ItalyMIUI World TourFan Of MIUI PolandMIUI Fan From SingaporeI Love 2016MIUI Marathon Medal1 Million Forum App InstallsMerry ChristmasRocket to FutureRooster Year of 2017Summer Mi BunnyI Love Mi BunnyMiPopAlpaca Mi Bunny Gamer Mi BunnyMIUI Beta TeamMIUI Beta team - IndiaMIUI ReviewRingtone Star MIUI Medals CollectorScroll Of WisdomMaster Of TechnologyMIUI FB FollowerMIUI Twitter FollowerTheme TalentMost Active MIUIerMost Popular Forum UserMIUI KingForum Contest LoverMIUI Android 4.4 KitKatTechnology GuruMr. DependableStar Of TechnologyMi TalentApp TalentPioneer of MIUI English Forum Debate MasterInbox ZeroMIUI ExpertUpdates LoverAndroid ElfHumor MasterDie-hard MIUI FanMi Story TellerYouth PledgeApp TalentMi Bunny Game Master MIUI FollowerMi Lover MedalMIUI Ice Bucket ChallengeAndroid GuruMIUI G+ Follower

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

[ Promote]
74 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
1051
Device
0
MIUI Version
V8.2.4.0.MBEMIDL
Online time
27 Hours
Send PM

Mi HomeMi VRXiaomi 6 LaunchMagic CubeXiaomi 7th AnniversaryMIUI 8Awesome!MIUI Devices ContestFan Of MIUI PolandMIUI 2017MIUI Font LoverRocket to FutureMIUI World TourRooster Year of 2017300K Forum MembersPuzzle MasterFan Of MIUI UkraineMIUI Forum App3500K Forum MembersI Love Mi BunnyMaster Of TechnologyScroll Of WisdomDie-hard MIUI FanMIUI KingMost Popular Forum UserTechnology GuruStar Of TechnologyAndroid GuruMi Lover MedalMi TalentDebate Master

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

MIUI Resources Team

Rank: 6Rank: 6

Credits
12413
Device
Redmi 3S
MIUI Version
V7.5.8.0.MALMIDE
Online time
351 Hours
Send PM

Mi  BunnyMagic CubeMi Selfie StickMi HomeMi Band 2Mi VRXiaomi 7th AnniversaryI Love MIUIMIUI 8MIUI Devices ContestAwesome!MIUI 2016Fantastic!MarshmallowMi 5Redmi 3SXiaomi Mi 4Redmi 2Redmi Pro4 Million Forum MembersMIUI 2017MIUI Drawing TalentHappy New YearRooster Year of 2017Pokemon Master Medal1500K Forum MembersMIUI Weekly PollMerry ChristmasFan Of MIUI RussiaMIUI World Tour1 Million Forum App InstallsSuper TuesdaySuper ThursdaySuper SundayRocket to FutureMIUI Font LoverMIUI Forum AppSuper Saturday5 Million Forum App InstallsSuper WednesdayHilal Ramadan Super MondaySingapore Merlion MedalHappy Valentine's DayWomen's Day Medal3500K Forum MembersMIUI 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 Redmi 3S
|
great info... thanks for sharing

Elite Member

¯\_(ツ)_/¯

Rank: 6Rank: 6

Credits
8046
Device
Mi 4c
MIUI Version
V8.5.1.0.NXKCNED
Online time
179 Hours
Send PM

Magic CubeMi HeadphonesMi VRMi Plastic In-ear PhonesMijia Electric ScooterMi Selfie StickUnlock MedalMi HomeMi Band 2Xiaomi 6 LaunchXiaomi 7th AnniversaryMIUI Devices ContestI Love MIUIFantastic!MIUI 8Awesome!Mi 4cMIUI 9Super ThursdayMIUI Fan from IndiaMIUI World TourMIUI Happy MedalSuper FridaySuper WednesdaySingapore Merlion MedalSuper TuesdayMIUI Lucky FridayRocket to FutureSurge S1MIUI 2017Super Monday3 Million Forum Members10 Million Forum PostsWomen's Day MedalPuzzle MasterFan Of MIUI RussiaMIUI Fan From Myanmar90000 Forum Members3500K Forum Members300K Forum MembersFan Of MIUI Bangladesh5 Million Forum App InstallsRingolicious MedalMIUI Fan From NepalSuper SundaySuper SaturdayFan Of MIUI AustraliaHilal Ramadan MIUI Forum AppRooster Year of 2017MIUI Fan from MalaysiaFan Of MIUI UkraineHappy Holi MedalSummer Mi BunnyI Love Mi BunnyGamer Mi BunnyMIUI ReviewMIUI SuperstarDie-hard MIUI FanMIUI ExpertMaster Of TechnologyMost Popular Forum UserForum Contest LoverYouth PledgeDebate MasterTechnology GuruStar Of TechnologyMIUI Ice Bucket ChallengeMi Lover MedalMi Story TellerAndroid GuruMi TalentScroll Of WisdomAndroid Elf

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

Credits Management

Quick Reply Top Return to the list