Expected behaviour:
email presents png with transparent background as uploaded
Current behaviour:
png in email comes out with a black background
Suspected cause:
google caching.
if i remove this prefix from the url, the png views correctly with a transparent background.
https://ci5.googleusercontent.com/proxy/I5j9QBhyftkmDL2c6wlKMnOTXRL8JJNuD4l__CCYWs0tOrZOGLSLC9rLfDgH5iny2QhmowCBjEWS_tSmy2LrzAgEKsx3Owa2UalLrLMgeFGxLphwNdqOat3WT8VEDH-3TnwLPdLJvqB-wNsm6mXB=s0-d-e1-ft#
the whole url looks like this:
https://ci5.googleusercontent.com/proxy/I5j9QBhyftkmDL2c6wlKMnOTXRL8JJNuD4l__CCYWs0tOrZOGLSLC9rLfDgH5iny2QhmowCBjEWS_tSmy2LrzAgEKsx3Owa2UalLrLMgeFGxLphwNdqOat3WT8VEDH-3TnwLPdLJvqB-wNsm6mXB=s0-d-e1-ft#https://cdn.mywebsite.com/media/email/logo/stores/1/my_website_logo.png
Tried:
loading the image in jpg and png formats
checking the url without the cdn to see if that was causing the problem with google
Related
Background images in HTML email look blurry when viewed on mobile phone.
There is a technique for swapping out a wider banner image for a smaller background image on mobile devices. Email on Acid has a nice write-up that explains using a media query to hide the img and add a background-image to it's parent td. Pretty simple.
However, my issue is the background image looks blurry on iPhone and Androids in my Litmus tests and actual device testing.
Has anyone else come across this issue? I optimized the jpg to look good (85 quality setting in photoshop's save for web feature). It looks good on my computer.
I also did an interesting test where I viewed the html for the email on my iPhone4 using mobile safari and the background image was not blurry. Whereas when I use mailchimp to send the email it looks blurry on my phone.
Thanks!
What you're seeing is the Android / iPhone scaling the background images to match it's pixel density. You should be able to make your background image twice as big and put a style of background-size:100px 100px; or whatever the original dimensions were on the td.
I'm experiencing issue when trying to set png image for tab bar item icon for my iOS application. If I'm creating png image (with transparent background) and setting it, everything works as expected, but when I'm using another png file (created by another person, or downloaded from web) it not works. Actually in my case I'm making png file from .pdf file and it's absolutely not clear for me why this not works. For more information please see screen captures below (top image represents not working one).
Thanks in advance.
Those specific icons/buttons work funky in terms of PNG and transparency for those images. You have to have look at the png's you download in image preview, make sure transparency exists for the white space. If there is whitespace it'll come through and show in your iOS app. Any other nonwhitepsace transparency will show up dark. It threw me off the first time I encountered this, A lot of graphics and PNG's you download from the internet doesn't have transparency built in or they have it very subtle. THose will show up as a blob for your ViewController Tabs.
Here is a good resource and guideline I found: http://steveweller.com/articles/toolbar-icons/
I am trying to get a 31x31 png icon to display without much luck.
I have lost count of the different settings I have applied to numerous copies of the icon.
Used all combinations when saving as a PNG from within Photoshop.
Even tried downloading an ICC color profile for the iphone - again no luck.
Can anyone tell me how the set up the photoshop file and save it so I can successfully get png files to show on the tabbed bar?
Is your PNG file part of your project file? You'll need to add it to the project as well for it to get copied over to the Simulator/Device as part of the bundle.
Also, since the Tab Bar images use the PNG transparency - not the graphics themselves - to render, can you double check that your image is not 100% non-transparent? Otherwise it would appear as all black. What is your image's background in photoshop?
I have a PNG file formatted for the iPhone I used in a TextView drawable. The image is just two words in black text on a white background, when you view it. On the iPhone it shows as two words in white text on a black background. On the Android it shows as two words in black text on a transparent background.
Can someone tell me how to make the Android image show as white text on a black background by configuring the Android TextView? I'd like to save time from creating new PNG files.
Thanks in advance!
The iPhone uses a non-standard PNG format. Xcode will automatically create files changed to this format for you when it compiles your app. What you should do is not grab the PNG from your app resources bundle and instead use the original PNG you created in your image editing software. See this blog post for more details.
Are you sure you are using the "same" image? If the image is "black text on a white background" how does the iphone invert it to white on black?
can you post the image on here so we can see it?
And yes, you need to mark answers accepted or you will probably find it hard to get anything ever answered.
I started with a .tiff file and used GraphicConverter to change it to a .png and set a transparency color. Worked fine in the simulator but when I pushed to the device the transparency color became black. Tested with a .png I downloaded from the net and that worked fine, so it seems to only happen with some files. Thus I suspect it has something to do with the way GraphicConverter writes the .pngs, but I don't know enough about file formats to debug it. Any ideas/suggestions? Ideally I'd like to programatically treat all .pngs because my app allowed dynamic loading of arbitrary files, so I can't verify the transparency beforehand.
PNGs, like most other image formats that support transparency, seem to have multiple ways to handle the alpha channel. Apple recommends the PNG-24 format; perhaps GraphicsConverter gave something else?
You can use Preview to convert your image files. The iPhone should like it better. Just open your file and Save As.