1. Create a bucket
2. Upload your images on your bucket
3. Retrieve your access key
On AWS console, go to security credentials page in the upper right drop-down menu :
Scroll down to access keys and create a new access key :
4. Find the URL of your bucket
Retrieve an URL of one of your assets :
Example of URL : https://twicpics-demo-bucket.s3.amazonaws.com/favicon-256+(1).png
Your S3 bucket URL is the root domain of the URL of your assets : https://twicpics-demo-bucket.s3.amazonaws.com
5. Create your path in TwicPics back-office
6. Start delivering your assets through TwicPics
Exemple of asset URL you want to deliver with TwicPics :
Replace your S3 bucket URL by your TwicPics domain to optimize the asset with TwicPics :
Congratulations your S3 bucket is now connected to TwicPics! 🎉
7. Start integrate your images on your website
You can now start integrate your images on your website :
Using our Components for JS frameworks (React.js, Vue.js, Next.js, Nuxt.js, Angular...)
using TwicPics script in HTML5 :
<!-- Include TwicPics script in head or before </body> tag : <script async defer src="https://demo_prod.twic.pics/?v1"></script> -->
<img data-twic-src="image:favicon-256+(1).png">Quick start Guide and Documentation here : https://www.twicpics.com/docs/tutorials/quick-start
Or using the manipulation API and native HTML5 image tags & attributes