Xiaomi MIUI Official Forum

Moderator

Sharing is Caring

Rank: 7Rank: 7Rank: 7

Credits
23886
Device
Redmi 3S Prime
MIUI Version
7.3.16
Online time
596 Hours
Send PM

Mi Water PurifierMagic CubeMi  BunnyMi In-Ear HeadphonesMi Selfie StickMi WiFi RouterMi Power StripMi VR HeadsetMi TV 70Mi BandMi Power Bank 10000MAH Mi Band 2Mi HomeUnlock MedalMijia Story TellerYeelight Bedside LampMarshmallowI Love MIUIMIUI 2016MIUI 7MIUI 8FlashholicMIUI Devices ContestAwesome!MIUI 6MIUI 2015Fantastic!Redmi 1SRedmi 2Mi 4cRedmi 3SMIUI 100 Million UsersUEFA EURO MedalOlympics MedalMIUI 6th AnniversaryHappy Valentine's Day1400K Forum Members1500K Forum MembersMIUI Forum AppMid-Autumn FestivalMIUI 300 Weeks500K Forum Members1800K Forum MembersThanksgiving DayMIUI 5th AnniversaryMIUI Halloween800K Forum MembersXiaomi 5th Anniversary700K Forum Members1 Million Forum MembersHilal Ramadan 600K Forum Members5 Million Forum PostsXiaomi 6th AnniversaryMIUI Fan from MalaysiaMIUI Fan from IndiaFan Of MIUI India1700K Forum MembersI Love 2016MIUI Fan From NepalSuper TuesdayWomen's Day Medal2100K Forum Members10 Million Forum PostsMIUI Marathon MedalSuper WednesdaySuper MondayMIUI Lucky FridayHappy New YearMIUI 2017MIUI Monthly Talk3 Million Forum App Installs1 Million Forum App InstallsMerry ChristmasRocket to FutureRooster Year of 20173 Million Forum MembersSurge S1Happy DiwaliMIUI World TourMIUI Fan From SingaporeFan Of MIUI PolandMIUI Fan From IndonesiaPuzzle MasterSuper ThursdayMIUI Happy MedalMIUI Weekly PollMi Live MedalFan Of MIUI BangladeshDiwali Super FridayFan Of MIUI Italy1900K Forum MembersGamer Mi BunnyAlpaca Mi Bunny MiPopSummer Mi BunnyI Love Mi BunnyMIUI Beta TeamMIUI Beta team - IndiaForum Contest LoverMIUI FB FollowerMIUI G+ FollowerScroll Of WisdomMIUI Medals CollectorMIUI Ice Bucket ChallengeMIUI ExpertApp TalentMi Story TellerTechnology GuruMi Lover MedalMIUI Android 4.4 KitKatMaster Of TechnologyMr. DependableDie-hard MIUI FanYouth PledgeMIUI Twitter FollowerAndroid ElfAndroid GuruStar Of TechnologyPioneer of MIUI English Forum Humor MasterMIUI FollowerMi TalentDebate MasterUpdates LoverApp TalentInbox ZeroMi Bunny Game Master

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

[ Promote]
42 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
724
Device
Mi 4c
MIUI Version
0
Online time
40 Hours
Send PM

Mi Power Bank 10000MAH Mi HomeMIUI 2016Fantastic!MIUI 8MIUI Devices ContestMIUI 2017MIUI Weekly PollRocket to FutureMIUI Lucky FridaySuper ThursdaySuper FridayRooster Year of 2017MIUI Happy MedalDebate MasterAndroid GuruMi Story TellerScroll Of WisdomYouth PledgeStar Of TechnologyForum Contest LoverAndroid ElfTechnology 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

Gold Member

Rank: 3Rank: 3

Credits
281
Device
0
MIUI Version
0
Online time
12 Hours
Send PM
05:31, Mar-22-2017
|
cheers

Platinum Member

Rank: 4

Credits
3743
Device
Redmi 3S
MIUI Version
7.3.16
Online time
54 Hours
Send PM

Mi Selfie StickMagic CubeMi  BunnyMIUI 2016MIUI 8Awesome!Fantastic!MarshmallowI Love MIUIXiaomi Mi 4Redmi 3SRedmi ProFan Of MIUI RussiaMIUI World Tour1 Million Forum App InstallsPokemon Master MedalMIUI Weekly Poll1500K Forum MembersMIUI Fan from IndiaMerry ChristmasHappy New YearHappy Valentine's DayRocket to FutureRooster Year of 2017Super ThursdayWomen's Day MedalSuper WednesdaySingapore Merlion MedalMIUI Drawing TalentSuper TuesdayMIUI 2017Super MondayDebate MasterMi Lover MedalDie-hard MIUI FanForum Contest LoverTechnology GuruStar Of TechnologyHumor MasterUpdates LoverMIUI King

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

Platinum Member

¯\_(ツ)_/¯

Rank: 4

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

Mi HomeMagic CubeMi Plastic In-ear PhonesI Love MIUIMIUI 8Fantastic!MIUI Devices ContestMi 4cSurge S1MIUI 2017Women's Day MedalSuper WednesdayRocket to Future10 Million Forum PostsSuper TuesdayMIUI Lucky FridaySingapore Merlion Medal3 Million Forum MembersMIUI Fan from IndiaMIUI World TourMIUI Happy MedalSuper ThursdayPuzzle MasterSuper FridaySuper MondayGamer Mi BunnyYouth PledgeDie-hard MIUI FanTechnology GuruAndroid GuruAndroid ElfScroll Of WisdomMi Lover MedalDebate MasterForum Contest LoverMIUI Ice Bucket Challenge

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

Credits Management

Quick Reply Top Return to the list