# Why can't images with URLs with special characters be displayed in the browser and android app?
**URL:** https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058
**Category:** Questions about Thunkable X
**Tags:** help
**Created:** [October 3, 2021, 2:58pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058 "2021-10-03T14:58:12Z")
**Posts on this page:** 16
**Page:** 1
### Author:  [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [October 3, 2021, 2:58pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/1 "2021-10-03T14:58:12Z")
Why can’t images with URLs with special characters be displayed in the browser and android app?
🤣
[https://quickchart.io/chart?c={type:‘radialGauge’,data:{datasets:[{data:[70],backgroundColor:‘green’}]}}](https://quickchart.io/chart?c=%7Btype:'radialGauge',data:%7Bdatasets:%5B%7Bdata:%5B70%5D,backgroundColor:'green'%7D%5D%7D%7D)
in the ios app and Safari :
Chrome Browser and Android app:
---
### Author:  [@codeswept](https://community.thunkable.com/u/codeswept)
#### Post date: [October 3, 2021, 3:16pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/2 "2021-10-03T15:16:15Z")
Oh, this is interesting! I have an app using quickchart in a web-viewer and I get the same message on android and web, but I don’t have iOS to test it on.
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 3, 2021, 3:31pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/3 "2021-10-03T15:31:54Z")
> [@tony.ycy.program](#):
>
> [https://quickchart.io/chart?c={type:‘radialGauge’,data:{datasets:[{data:[70],backgroundColor:‘green’}](https://quickchart.io/chart?c=%7Btype:%E2%80%98radialGauge%E2%80%99,data:%7Bdatasets:%5B%7Bdata:%5B70%5D,backgroundColor:%E2%80%98green%E2%80%99%7D)]}}
The URL contains invalid characters.
Try this
[https://quickchart.io/chart?c={type:'radialGauge',data:{datasets:[{data:[70],backgroundColor:'green'}](https://quickchart.io/chart?c=%7Btype:%27radialGauge%27,data:%7Bdatasets:%5B%7Bdata:%5B70%5D,backgroundColor:%27green%27%7D)]}}
---
### Author:  [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [October 3, 2021, 3:36pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/4 "2021-10-03T15:36:06Z")
What’s the difference?
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 3, 2021, 3:37pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/5 "2021-10-03T15:37:46Z")
The quotation marks you used are not valid in Chrome browser. I just replaced the quotes with the standard one.
You can test that yourself and mark the post **solved**.
---
### Author:  [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [October 3, 2021, 3:53pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/6 "2021-10-03T15:53:37Z")
Can be displayed on chrome!
---
### Author:  [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [October 3, 2021, 3:55pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/7 "2021-10-03T15:55:22Z")
[https://quickchart.io/chart?w=450&h=450&bkg=#14A0FABF&c={“type”:“radialGauge”,“data”:{“datasets”:[{“backgroundColor”:"#cc0000",“data”:[0]}]}}](https://quickchart.io/chart?w=450&h=450&bkg=#14A0FABF&c=%7B%22type%22:%22radialGauge%22,%22data%22:%7B%22datasets%22:%5B%7B%22backgroundColor%22:%22#cc0000%22,%22data%22:%5B0%5D%7D%5D%7D%7D)
This is from the app
---
### Author:  [@namitnagar](https://community.thunkable.com/u/namitnagar)
#### Post date: [October 3, 2021, 3:56pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/8 "2021-10-03T15:56:41Z")
In my phone android it is visible
---
### Author:  [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [October 3, 2021, 4:01pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/9 "2021-10-03T16:01:02Z")
@muneer
[https://quickchart.io/chart?w=450&h=450&bkg=#14A0FABF&c={‘type’:‘radialGauge’,‘data’:{‘datasets’:[{‘backgroundColor’:’#cc0000’,‘data’:[0]}]}}](https://quickchart.io/chart?w=450&h=450&bkg=#14A0FABF&c=%7B'type':'radialGauge','data':%7B'datasets':%5B%7B'backgroundColor':'#cc0000','data':%5B0%5D%7D%5D%7D%7D)
Why?
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 3, 2021, 4:01pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/10 "2021-10-03T16:01:24Z")
Dear @tony.ycy.program
This is a different problem that the first one you posted.
I fixed the first one and I know it works.
For this second problem you are not specifying the **chart** type in the URL.
Please understand, it’s not a good idea to keep changing the problem in the same post suggesting that it is not solved.
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 3, 2021, 4:02pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/11 "2021-10-03T16:02:13Z")
> [@tony.ycy.program](#):
>
> [https://quickchart.io/chart?w=450&h=450&bkg=#14A0FABF&c={‘type’:‘radialGauge’,‘data’:{‘datasets’:[{‘backgroundColor’:’#cc0000’,‘data’:[0]}]}}](https://quickchart.io/chart?w=450&h=450&bkg=#14A0FABF&c=%7B'type':'radialGauge','data':%7B'datasets':%5B%7B'backgroundColor':'#cc0000','data':%5B0%5D%7D%5D%7D%7D)
> Why?
Where in the **c=** in the URL?
---
### Author:  [@tony.ycy.program](https://community.thunkable.com/u/tony.ycy.program)
#### Post date: [October 3, 2021, 4:04pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/12 "2021-10-03T16:04:33Z")
> [@tony.ycy.program](#):
>
> &c={‘type’:‘radialGauge’,‘data’:{‘datasets’:[{‘backgroundColor’:’#cc0000’,‘data’:[0]}]}}
This
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 3, 2021, 4:23pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/13 "2021-10-03T16:23:03Z")
> [@tony.ycy.program](#):
>
> backgroundColor’:’#cc0000’
The problem is in this. I use the word **blue** and it worked.
---
### Author:  [@ianw-quickchart](https://community.thunkable.com/u/ianw-quickchart)
#### Post date: [December 13, 2021, 1:51pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/14 "2021-12-13T13:51:44Z")
Looks like the issue here is that the URL must be [URL encoded](https://www.urlencoder.io/). URL encoding lets browsers interpret certain special characters. For example, `#` encodes to `%23`. When QuickChart receives this encoded value, it will interpret it as a normal hex code.
You can replace it as a one-off if that’s the only special character in your chart, or create a more general function that encodes URLs.
---
### Author:  [@jared](https://community.thunkable.com/u/jared)
#### Post date: [December 13, 2021, 1:59pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/15 "2021-12-13T13:59:35Z")
@ianw-quickchart
Super stoked to see you poking around here. I’m making assumptions of course but I believe me and you have exchanged a few emails in the past!
Ian is the Quckchart Man!!!
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 1:14pm UTC](https://community.thunkable.com/t/why-cant-images-with-urls-with-special-characters-be-displayed-in-the-browser-and-android-app/1541058/16 "2024-11-08T13:14:57Z")