E22 | Image Formats and Contentful’s Image API | Allan White

Headless { Creator Podcast }

In today’s episode, we talk all about image formats, DAM integrations and how to manipulate images using the Contentful Image API with my guest Allen White, an interdisciplinary designer and developer who works at Contentful as a solutions engineer.

*******************************

Questions Asked

*******************************

• Tell us about your background.
  
• Tell us about the different kind of image formats we should be concerned with.
  
• Tell us about the JPEG compression.
  
• Tell us about lossy versus lossless compression.
  
• Tell us about the PNG image format.
  
• Tell us about the WebP image format.
  
• Tell us about the SVG image format.
  
• How do you create SVGs? What tools can you use?
  
• What are some challenges when working with SVGs?
  
• How do you work with SVGs in Contentful?
  
• How can you animate an SVG with Javascript?
  
• How can you use the Contentful Image API to convert an SVG into another format?
  
• How are RAW images different from all other formats for the web?
  
• How can you make images responsive and what does that mean?
  
• Tell us about Contentful's face detection feature in the Image API.
  
• Can we have 1 master image and have the Contentful API generate the required images depending on the viewport?
  
• Does the Contentful Image API cache images?
  
• How and where are images stored in Contentful?
  
• Give us an overview of the Contentful Images API.
  
• Can you use the CPAPI or CDAPI to retrieve images?
  
• Tell us about progressive JPEGs.
  
• Tell us about 8 bit PNGs.
  
• Tell us about GIFs.
  
• Can we use the Contentful Image API on images not stored in Contentful?
  
• How can we integrate Contentful with other DAMs?
  
• Tell us about external image APIs.
  
• What do you see as the future of Image APIs?
  
• What is Lazy Loading of images?
  

*******************************

Reference Links

*******************************

• Sara Soueidan (https://www.sarasoueidan.com/)
  
• Figma (https://www.figma.com/)
  
• Sketch (https://www.sketch.com/)
  
• Can I Use (https://caniuse.com/)
  
• ImageOptim (https://imageoptim.com/mac)
  
• Allan’s Image API Blog Article (https://www.contentful.com/blog/2020/07/20/creator-guide-to-image-file-formats-and-why-they-are-important/)
  
• Allan’s Website (https://allanwhite.design/)