How to Use Google Drive Images in Your App
We all know the power and usability of Google Drive, from saving images, to documents, to spreadsheets and basically, any types of files.
What makes Google Drive the best option for online storage is because it is free and is widely used across the globe as everyone has a google account.
For website developers, especially those who do not have much budget for their small projects, hosting static files can be an issue.
Do you know you can host your website images on Google Drive? And guess what, it's FREE!
To do it, follow the simple steps below:
Upload your image into your Google Drive account. You can put it on a folder of your choice.
Mine is uploaded into thefolder on my google drive account.
Right click on the image file and choose
On the pop-up dialog, locate theand if the value is change it to
Afterwards, click theand click
Get the id of the image file from the copied link. The image id is the highlighted string in the sample image link below.
Paste the image id in this link
So, in the example image link above, the final url of the image is
You can then add this image url into your website image tag.
1 <img src="https://drive.google.com/uc?id=1UYTb7waddYXe-zeXua8kW-FtQDQIfi2Z" />
And there you go. Happy hosting.
Engr. Jumar Hamac
Electronics Engineer by Profession.
Loves coding and painting.