Showing posts with label png. Show all posts
Showing posts with label png. Show all posts

Tuesday, February 14, 2017

How To Save High Quality Image From Google Play As PNG Prevent WEBP Format

How To Save High Quality Image From Google Play As PNG Prevent WEBP Format


Designers, especially Android icon pack designers need the original app icon to maintain the default structure of the app logo while designing an icon for launcher icon packs. As Google Play is the largest and official Android application store, everyone searches Google Play for the app icons. But, you may notice that when we try to save an image from Google Play it saves as WEBP format. Taking the screen shot of the image is the quick fix for it, but, I have another simple solution which is as simple as taking a screenshot.

RESIZE THE APP ICON IMAGE IN GOOGLE PLAY

Google generates the thumbnails dynamically at runtime that means you can pass the width via the image URL to resize the image to a higher resolution. In the image URL you can see the default width specified by them eg. =w300 changing the 300 to a higher value will increase the image width to the specified one. You can also set a lower value to reduce the image size.

SAVE APP ICON IMAGE IN GOOGLE PLAY AS PNG

As the width passed through the URL Google also uses another parameter named -rw after the width to return the image as WEBP. So reloading the image URL without -rw will allow you to save the image as PNG.

If its still not clear here is an example. In the example I am using Android Chrome Browser icon image from Google Play.

1. Open the below URL and remove the red highlighted part (-rw) from it, then reload the URL again to enable save as PNG.

https://lh3.ggpht.com/O0aW5qsyCkR2i7Bu-jUU1b5BWA_NygJ6ui4MgaAvL7gfqvVWqkOBscDaq4pn-vkwByUx=w300-rw

2. Change the blue highligted part of the URL (300) to a different number to resize the image.


Thats it ...


Available link for download

Read more »

Monday, November 14, 2016

How To Compress PNG Images Up To 70 Without Losing Quality or Alpha Transparency

How To Compress PNG Images Up To 70 Without Losing Quality or Alpha Transparency


compress png imageA Web pages loading speed relies on many factors include image files, javascript files, css files, etc. In the mentioned list image files plays a major role in page speed. Increasing image size will slow down the web page loading speed and it will affect the SEO of the page.

We mostly use PNG (Portable Network Graphics) images on websites and most of those images has a transparent background. So it is very important to compress the images without losing its alpha transparency or quality.

In this post I included Free magical tools for Windows and Mac, which reduce the PNG image size at a very extend without losing its quality or alpha transparency

Tools
TinyPNG(Online Tool)
PNGoo [ Windows ] | ImageAlpha [Mac OS X]


Available link for download

Read more »