Xiaomi MIUI Official Forum

Moderator

Sharing is Caring

Rank: 7Rank: 7Rank: 7

Credits
36456
Device
Redmi 3S Prime
MIUI Version
7.10.19
Online time
756 Hours
Send PM

Mi Water PurifierMi  BunnyMi TV 70Mi Power StripMi VR HeadsetMagic CubeMi Selfie StickMijia Story TellerMi Band 2Mi In-Ear HeadphonesMi BandMi WiFi RouterYeelight Bedside LampMi HomeUnlock MedalMi HeadphonesMi Power Bank 10000MAH Xiaomi 6 LaunchMi Bluetooth SpeakerMijia Qi CycleMi VRXiaomi 7th AnniversaryI Love MIUIMIUI 8MIUI 2016MIUI 7MIUI 2015MIUI 6Awesome!Fantastic!FlashholicMarshmallowMIUI Devices ContestRedmi 1S4 Million Forum MembersRedmi 3SMi 4cRedmi 2Olympics Medal1700K Forum MembersMIUI Forum AppMid-Autumn Festival100k Forum MembersMIUI 300 WeeksPuzzle Master1400K Forum MembersDiwali 800K Forum MembersHappy DiwaliFan Of MIUI BangladeshMi Live MedalMIUI 6th AnniversaryMIUI Fan from India1800K Forum Members1500K Forum MembersMIUI Happy MedalThanksgiving DayXiaomi 5th AnniversaryMIUI 5th AnniversaryHappy Holi Medal5 Million Forum App InstallsMIUI 9MIUI Halloween300K Forum MembersFan Of MIUI Russia1 Million Forum MembersMIUI Fan from MalaysiaSuper FridayMIUI Fan From IndonesiaHilal Ramadan 5 Million Forum Posts700K Forum MembersXiaomi 6th AnniversaryMIUI 7th AnniversaryUEFA EURO MedalSuper SaturdayMIUI 2017MIUI Monthly Talk3 Million Forum App InstallsSuper ThursdayHappy New Year1 Million Forum App Installs600K Forum MembersRocket to FutureRooster Year of 2017MIUI Lucky Friday3500K Forum MembersSurge S110 Million Forum Posts3 Million Forum MembersSuper WednesdayWomen's Day MedalSuper MondaySuper TuesdayMIUI Fan From NepalSuper SundayMerry ChristmasMIUI Weekly Poll500K Forum Members90000 Forum MembersFan Of MIUI ItalyMIUI World Tour1900K Forum MembersFan Of MIUI PolandMIUI Fan From SingaporeMIUI Marathon MedalFan Of MIUI IndiaHappy Valentine's DayI Love 2016MIUI 100 Million Users2100K Forum MembersMIUI Font LoverAlpaca Mi Bunny MiPopGamer Mi BunnyI Love Mi BunnySummer Mi BunnyMIUI Beta team - IndiaMIUI Beta TeamMIUI ReviewForum Contest LoverMi Bunny Game Master Ringtone Star MIUI G+ FollowerMIUI FB FollowerScroll Of WisdomMIUI Medals CollectorTheme TalentMaster Of TechnologyApp TalentMIUI Twitter FollowerRingtone ExpertMr. DependableMi Story TellerAndroid GuruMIUI KingMIUI Ice Bucket ChallengeMIUI ExpertApp TalentMost Popular Forum UserStar Of TechnologyDie-hard MIUI FanDebate MasterInbox ZeroMi TalentPioneer of MIUI English Forum Humor MasterUpdates LoverYouth PledgeMIUI Android 4.4 KitKatMost Active MIUIerTechnology GuruMi Lover MedalAndroid ElfMIUI Follower

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

[ Promote]
87 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
2051
Device
Mi 4c
MIUI Version
0
Online time
153 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
1293
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
16079
Device
Redmi Note 4X
MIUI Version
V8.5.7.0.MBFCNED
Online time
418 Hours
Send PM

Mi HomeMi Band 2Mi Selfie StickMi  BunnyMi VRMagic CubeXiaomi 7th AnniversaryFantastic!MarshmallowMIUI 2016Awesome!I Love MIUIMIUI 8MIUI Devices ContestXiaomi Mi 4Redmi Pro4 Million Forum MembersRedmi 2Mi 5Redmi 3SRooster Year of 2017MIUI Happy MedalMIUI Drawing TalentMIUI 2017Happy New Year1500K Forum MembersPokemon Master MedalMIUI Weekly PollMerry ChristmasFan Of MIUI RussiaMIUI World Tour1 Million Forum App InstallsSuper Monday5 Million Forum App InstallsHilal Ramadan Super TuesdayRocket to FutureMIUI Forum AppSuper Saturday3500K Forum MembersSuper SundayMIUI Font LoverSuper ThursdayMIUI Fan from IndiaHappy Valentine's DaySingapore Merlion MedalWomen's Day MedalSuper WednesdayMaster Of TechnologyDebate MasterTechnology GuruScroll Of WisdomDie-hard MIUI FanUpdates LoverMIUI KingForum Contest LoverHumor MasterMi Lover MedalStar Of TechnologyMIUI Follower

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

Elite Member

¯\_(ツ)_/¯

Rank: 6Rank: 6

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

Magic CubeXiaomi 6 LaunchMi HomeMi VRMijia Electric ScooterMi Band 2Unlock MedalMi HeadphonesMi Selfie StickMi Plastic In-ear PhonesXiaomi 7th AnniversaryMIUI Devices ContestAwesome!Fantastic!I Love MIUIMIUI 8Mi 4cSuper ThursdayMIUI Happy MedalMIUI World TourSuper FridayMIUI Fan from IndiaSuper WednesdaySingapore Merlion MedalSurge S1Super TuesdayMIUI Lucky FridayRocket to FutureMIUI 2017Women's Day MedalSuper Monday3 Million Forum Members10 Million Forum Posts5 Million Forum App InstallsPuzzle MasterFan Of MIUI RussiaMIUI Fan From Nepal90000 Forum Members3500K Forum MembersMIUI Fan From Myanmar300K Forum MembersRooster Year of 2017Ringolicious MedalFan Of MIUI BangladeshSuper SundaySuper SaturdayFan Of MIUI AustraliaHilal Ramadan MIUI 9MIUI Forum AppMIUI Fan from MalaysiaFan Of MIUI UkraineHappy Holi MedalSummer Mi BunnyI Love Mi BunnyGamer Mi BunnyMIUI ReviewYouth PledgeMIUI SuperstarMaster Of TechnologyMost Popular Forum UserForum Contest LoverIndonesia Independence DayMIUI ExpertDebate MasterTechnology GuruStar Of TechnologyMIUI Ice Bucket ChallengeMi Lover MedalMi Story TellerMi TalentDie-hard MIUI FanScroll Of WisdomAndroid GuruAndroid Elf

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

Credits Management

Quick Reply Top Return to the list