Moderator

Sharing is Caring

Rank: 7Rank: 7Rank: 7

Credits
41898
Device
Redmi 3S Prime
MIUI Version
8.1.18
Online time
815 Hours
Send PM

Mi WiFi RouterMi BandMagic CubeMi HeadphonesMi HomeUnlock MedalXiaomi 6 LaunchMi Power Bank 10000MAH Mi Selfie StickMi TV 70Mi  BunnyMi In-Ear HeadphonesMi Water PurifierMijia Story TellerMi VR HeadsetMi Power StripMi VRMi Band 2Mijia Qi CycleYeelight Bedside LampMi Bluetooth SpeakerMi BoxXiaomi 7th AnniversaryMIUI Devices ContestMIUI 8Awesome!MIUI 2015Fantastic!I Love MIUIMIUI 7MarshmallowFlashholicMIUI 2016MIUI 6Redmi 1S4 Million Forum MembersRedmi 2Redmi 3SMi 4cFan Of MIUI PolandMIUI Fan From Singapore5 Million Forum Posts1900K Forum MembersMIUI Weekly Poll1 Million Forum MembersXiaomi 6th AnniversaryMIUI 5th AnniversaryFan Of MIUI ItalyXiaomi 5th AnniversaryMIUI World TourDiwali 1700K Forum Members700K Forum Members1500K Forum MembersMIUI Forum AppMid-Autumn FestivalMIUI 6th AnniversaryOlympics MedalMIUI 300 Weeks1400K Forum Members1800K Forum MembersHappy DiwaliHilal Ramadan Thanksgiving Day800K Forum MembersUEFA EURO MedalMi Live MedalFan Of MIUI BangladeshMIUI Fan From IndonesiaRocket to FutureSuper SaturdayMIUI Font LoverSuper Sunday300K Forum Members600K Forum MembersHappy Holi MedalMIUI Happy MedalSuper FridayFan Of MIUI Russia5 Million Forum App Installs3500K Forum Members500K Forum MembersMIUI 7th AnniversaryCamera Filter Guru MedalMIUI PMIUI 50 Million UsersMIUI 9Happy Valentine's DayFan Of MIUI India90000 Forum Members100k Forum MembersMIUI 100 Million UsersMIUI Marathon MedalSuper Thursday1 Million Forum App InstallsHappy New YearMIUI 2017MIUI Monthly TalkRooster Year of 2017Merry Christmas2100K Forum MembersMIUI Fan from MalaysiaI Love 2016MIUI Fan from India3 Million Forum App InstallsSurge S110 Million Forum Posts3 Million Forum MembersPuzzle MasterMIUI Lucky FridaySuper WednesdayMIUI Fan From NepalWomen's Day MedalSuper MondaySuper TuesdayGamer Mi BunnyI Love Mi BunnyMiPopSummer Mi BunnyAlpaca Mi Bunny MIUI ReviewMIUI Beta TeamMIUI Beta team - IndiaUpdates LoverMIUI Ice Bucket ChallengeYouth PledgeMIUI ExpertApp TalentAndroid GuruMIUI Medals CollectorScroll Of WisdomForum Contest LoverMIUI FB FollowerRingtone ExpertMIUI Halloween 2017MIUI SuperstarMost Active MIUIerTheme TalentMi Story TellerMIUI KingMost Popular Forum UserRingtone Star MIUI G+ FollowerHumor MasterMIUI Android 4.4 KitKatDie-hard MIUI FanPioneer of MIUI English Forum Technology GuruInbox ZeroDebate MasterMi TalentMi Lover MedalStar Of TechnologyMaster Of TechnologyAndroid ElfApp Talent2017 Annual AwardsMIUI Twitter FollowerMr. DependableMi Bunny Game Master MIUI Follower

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

[ Promote]
112 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
2047
Device
Mi 4c
MIUI Version
0
Online time
153 Hours
Send PM

Xiaomi 6 LaunchMi HomeMi Power Bank 10000MAH Mi MIXMi Band 2Xiaomi 7th AnniversaryMIUI Devices ContestMIUI 8Fantastic!MIUI 2016MIUI SSuper Monday10 Million Forum PostsRooster Year of 2017MIUI 2017MIUI PSuper ThursdayRocket to FutureMIUI Happy MedalMIUI Weekly PollMIUI Lucky Friday90000 Forum MembersMIUI Fan From NepalMIUI Forum AppHappy Holi MedalSuper TuesdaySuper SaturdaySuper FridaySuper SundayMIUI Font LoverI Love Mi BunnyTechnology GuruAndroid ElfAndroid GuruDebate MasterMIUI SuperstarYouth PledgeRingtone Star Mi TalentDie-hard MIUI FanMi Lover MedalMIUI ExpertForum Contest LoverStar Of TechnologyScroll Of WisdomMIUI KingMi 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
1486
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

Elite Member

Rank: 6Rank: 6

Credits
18341
Device
Redmi Note 4X
MIUI Version
V8.5.8.0.NCFMIED
Online time
447 Hours
Send PM

Mi HomeMi  BunnyMi Selfie StickMi Band 2Magic CubeMi Power BankMi VRXiaomi 7th AnniversaryFantastic!MIUI Devices ContestI Love MIUIAwesome!MIUI 8MarshmallowMIUI 2016Redmi 2Redmi Pro4 Million Forum MembersRedmi Note 4XMi 5Xiaomi Mi 4Redmi 3SPokemon Master MedalSuper TuesdayHappy Valentine's DaySingapore Merlion MedalSuper MondayMerry Christmas1 Million Forum App InstallsMIUI World TourFan Of MIUI RussiaWomen's Day MedalHappy New YearMIUI Drawing TalentRooster Year of 2017MIUI 20175 Million Forum App InstallsMIUI Happy MedalHilal Ramadan 3500K Forum MembersSuper SundayMIUI Weekly PollMIUI 7th AnniversaryMIUI 50 Million UsersMIUI Lucky FridayCamera Filter Guru MedalSuper WednesdayMIUI Font LoverRocket to FutureSuper Thursday1500K Forum MembersSuper SaturdayMIUI Fan from IndiaMIUI Forum AppForum Contest LoverHumor MasterMIUI KingStar Of TechnologyDebate MasterMr. DependableMaster Of TechnologyTheme TalentMost Active MIUIerMIUI G+ FollowerMIUI FollowerScroll Of WisdomUpdates Lover2017 Annual AwardsMi Lover MedalDie-hard MIUI FanTechnology Guru

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

Elite Member

¯\_(ツ)_/¯

Rank: 6Rank: 6

Credits
8255
Device
Mi 4c
MIUI Version
V9.1.2.0.NXKCNEI
Online time
186 Hours
Send PM

Mijia Electric ScooterXiaomi 6 LaunchMi VRMi HeadphonesMi Band 2Magic CubeMi HomeMi Plastic In-ear PhonesUnlock MedalMi Selfie StickMi Power BankXiaomi 7th AnniversaryAwesome!I Love MIUIMIUI 8Fantastic!MIUI Devices ContestMi 4cSuper ThursdayMIUI Happy MedalSuper FridayMIUI PFan Of MIUI RussiaMIUI 5th AnniversaryHilal Ramadan MIUI Fan from IndiaPuzzle MasterMIUI World Tour10 Million Forum PostsSingapore Merlion MedalMIUI 20 Million UsersSuper TuesdayMIUI Lucky FridayRocket to FutureSurge S1MIUI 20173 Million Forum Members5 Million Forum App InstallsSuper WednesdayWomen's Day MedalSuper Monday1st AnniversaryFan Of MIUI BangladeshMIUI Forum AppRingolicious MedalMIUI Fan From Nepal300K Forum MembersMIUI Fan From MyanmarFan Of MIUI AustraliaFan Of MIUI UkraineMIUI 93500K Forum Members90000 Forum MembersRooster Year of 2017Happy Holi MedalMIUI Fan from MalaysiaMIUI SSuper SaturdayCamera Filter Guru MedalSuper SundayGamer Mi BunnySummer Mi BunnyI Love Mi BunnyMIUI ReviewDebate MasterTechnology GuruMIUI SuperstarMost Popular Forum UserForum Contest LoverMIUI ExpertMi Story TellerDie-hard MIUI FanAndroid ElfMi Lover MedalMIUI Ice Bucket ChallengeMaster Of TechnologyYouth PledgeAndroid GuruIndonesia Independence DayMi TalentStar Of TechnologyScroll Of Wisdom

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

Credits Management

Quick Reply Top Return to the list