Lowest Resolution possible for .png/.jpg on mobile landers (16)
Hi Guys,
What is the lowest resolution or settings possible for .png/.jpg images on mobile landers that look decent on mobile?
Trying to make my .jpg images file size as small as possible...
I would recommend you to save images in high quality in photoshop or any other program that you use, and then run them through some online compression utility such as https://compressor.io/compress
Not good because the image size as are too big even after using compressor...I already use that but I need to make them smaller....
What is the resolution of your picture actually like + Filesize?
Originally Posted by peterpan
But again, test it
How big are your images? On mobile, speed is king.
Ok so I am running a campaign and the landing page with a background image is giving me more conversions and higher CTR than the landing page w/o a background image.
So my background image is 360x640 and I saved the file as almost 'lowest quality' .jpg (this setting is possible on mac) and I brought the image size down to 100k to 29kb (after using compressor).
Image DPI is 72pixels, Color mode: RGB, DPI Height/Width is 72. But the image looks pretty bad on the desktop, on the phone is looks pretty bad as well.
Can you post a sample link to one of your landers? It doesn't have to be a real one, but similar to the ones you are having challenges shrinking down without looking pretty bad.
Here is the background image:
https://www.dropbox.com/s/c979gtjjh0ad462/9-1.jpg?dl=0
Okay I tried opening it on my mobile phone. Image quality does not look too bad. I think it helps that the image is of a cartoon and not a photo where image quality and resolution actually can matter a lot more.
In terms of image compression, the tool I use is kracken.io
It is the best one I have found.
On top of the suggestions people have offered already it might be worth also asking yourself the question "Do I need this?"
I've experimented a bit with mobile landing page backgrounds but 90% of the time I decide they're a waste of valuable kilobytes.
I don't know exactly the look you're trying to achieve but I can't actually imagine a scenario where the background you've dropboxed above would look anything but messy. Feel free to prove me wrong! 
The other point of consideration is these kind of backgrounds don't particularly scale well. If you hit any mobile devices with bigger resolutions and you're set to scale up then things might get real ugly - don't scale and they might look odd instead.
Tiled background patterns can obviously work better here but then again even there I'd tend to revert back to my first point. Does it offer anything that a solid fill wouldn't other than a larger file size? Probably not.
Just my 2 baht.
So my ctr is much better with a background... But your saying it's not needed?
I'm not sure I am following, are you talking about ad to landing page CTR? This is a function primarily of your ad copy and ad design ... and not really what you have on the landing page.
Originally Posted by peterpan
I'm simply offering an opinion based on my own discoveries.
The suggestion was to ask yourself 'Do I need this?'
If you have statistically significant data to prove you do then I would go with that.
On top of the above suggestions also try out;
https://tinyjpg.com
With PS I often use the following selection (Save for web)
And usually taking half of the KBs off with tinyjpg while keeping the same quality.
If you're using this as a background image, try playing with the "blur" setting - that can save a significant number of kb sometimes.
Home > Paid Traffic Sources > Mobile