{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/images/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to add images in Angular apps with Media Optimizer in TinyMCE","slug":"angular-image-upload","featured":true,"lastUpdated":"Dec 30th, 2025","description":{"description":"<p>Enable Angular image upload with TinyMCE and Media Optimizer. Follow our tutorial to set up image and video optimization.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enable Angular image upload with TinyMCE and Media Optimizer. Follow our tutorial to set up image and video optimization."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to add images in Angular apps with Media Optimizer in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABqlBMVEUJElQJE1QABk8AB08ABk4ABE4ABU4ACE8KE1QJElMHEVMACFAAAE0AAE4ACFEABVMABlIAB1AEDlEAAEwBCE8AAEsAAEkAAEoAA1EAC1UbJlwQHVkAD1UABE8AAEZiY3mSkp6GhJOBf4+Oi5mTkZ2MipeUk5+Ukp9VUm5CRWm5ucCPkJwAAFUIE1QEDVBeXHRrd4k0aYA3aYA/bYQ8YXo5bINOcIVMdIghZ4AAHlk7PmSpqbJ/gI8AAFMDEVQABU9EVXFEbYMAZH4AaYEAY30AXXkAbYUAXnkATW0AS2sAHlYAAFQAB1YAE1cAB1UADVcAEVUABFAAAEcLSmomcYcvcIYmYns7dos1cIYAYHoAX3oAJVcBAFALG1kUJF0EFlkOHFpvcIN2d4gtM2AAAFJjYXh/fY2Ni5mamaSenaiIhpUSAE0FB1MQTnAKV3URIV0AF1qAgZCRkZ0jK10PE1ERE1EYGlMqK1kYGlIZG1MAAk4EDFMRLl8QOGQIFlcADlYrMV85PmUADFUABVEBCU8BCVADCVIDCFIBCVEACVEAAVIDD1QIEVMAB06fs+E0AAAAmklEQVQIHU3BPw7BYBzH4e9Hf9pXLa2uYhBHMEgkbO7iDGK1uYAzuIFF0s3uCAwSEQPRxN+XEM+DQG9IwM0EFgN6SOJyqwJnxQcyCift04BrGW9rosHPpo63NlPCV4qX93IaTf4cE16szddiABmeqcbb/JQmfKyCXcd5s+HSuu6jRQyKChV3G+NNRiDnLAz7pSB6KdnUwrKrPAEFuRzdtqYwWQAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4wdbeQyBx8YRpDWFaUIubn/3701125d5aedc2f9a055751527b08a6e/How_to_add_images_in_Angular_apps_with_Media_Optimizer_in_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Angular image upload tutorial: examples how to add images | TinyMCE"},"metaDescription":{"metaDescription":"Enable Angular image upload with TinyMCE and Media Optimizer. Follow our tutorial to set up image and video optimization."}}},{"node":{"title":"How to get started with image uploads using Bootstrap","slug":"bootstrap-image-upload","featured":true,"lastUpdated":"Jul 24th, 2025","description":{"description":"<p>Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to configure image uploads in Bootstrap","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABlVBMVEUKE1QACE8ABk4ABE4ABU4AB08JElMIE1QCDVEABk8ACFEABVMABlIAB1AEDlEJE1QAAk8AAE8AAE4ACFIADFUbJlwQHVkAD1UABE9WPEl9UkNwQEdvN0lkKkxwJ0+ALFKBLFJzJ1FoI1EAAFNBRWm5ucCPkJwAAFUEDFAAAExUQFGCWk97S0tzPk5wNVCCQFt+N1mVRl+KQV1zN1oAAFE6P2WpqbJ/gI8ADlQEEVMAA08AAEVjZn2Ul6Scn6uQk6GJjZucoKuVmqaeoqyMkZ5+gpEAAVEAAlQAB1cADVYAAFIABlQAAENoaX6JipiIiZeCg5N+f480OF4rL1omKlgiJlcXHVckJ1wAFFmYmKSrrLQnLV4AAFAAAEdZWnOCgpJ7e4x8fY18fI2Dg5IPFFEAAEoAC1VbPVJ6RE4dIFwADFi3t77MzNE3PGUAAE0AAEkAAEQAAEY5KFhVLVcOFlgABVUrMV81OmQACFQIElQCDFEAAk4ACU8ACVAADFMADFQACVEABlEGEFMLFFQAA04JElQIElOhGrogAAAAjUlEQVQIHQXBsSqFAQCA0e/odyndcpUXoMRqtNpk9CJmExYPch/CA1hYlA2Jlchi/F3OUaqqgrG/iRUaq8aGZfw0ZV2VKuBrbLAKALxtv4z2AIDPTe6GDQDwvONxd+qYAK9b3O9jmAHcvJ/gEN/DjMr109L4cADMhzWqq8licQZuP45OdXkxVlUN9eucf5L+IWrenQYEAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Bootstrap image upload - how to integrate it with rich text editors | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads."}}},{"node":{"title":"How to Optimize Images in TinyMCE with Uploadcare","slug":"how-to-optimize-images-with-tinymce-uploadcare","featured":true,"lastUpdated":"Jun 25th, 2025","description":{"description":"<p>Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to Optimize Images in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA8FBMVEX3+f76+//5+//6/P/7/f/8/v/8/f/6+//6/P/5+//////+///9/v/9/f/8/f/8/f76+vvy8vLy8/P89eP+/Pf6+vru7u3x8fDy8vH8/Pv9/f76+/36+vz29vj29vn39/r7+vX9/fz8/P3y8vXz8/X19ff7+/z+/v/7+//19v/5+v/7+/729v7T1fnV1/rZ2vrb3Pvg4fvY2fnQ0ffR0/fu7/v+/v7s7v/e4v/m6f/s7PHp6e3t7fDk5enk5ejw8PP6+v/6+v77/P7z9P/m6P/j5v/39/fq6uvd3eDc3N/f3+Lv7/D8/P709fj5+vz7/P28MXniAAAAB3RSTlP+/v7+/v7+sGAR7wAAAI9JREFUCB1NwTELgkAYBuD3vTv7BjFaQ5wbguYa+vltjQ1NhURhFEJKSmV3HZTp8xBCdJyCVbWhxh89wCqj0DEkSFaGIb0bvBG/coOI3hCHpEREEqkjgwn70vsLD22asfzsYpHLjMVb64UMxFsd+dxjO99Mm5xa0EoyLKuQ67NGgFZhbXOKWV4JIXqcsqr+AJJPKknkHBYNAAAAAElFTkSuQmCC","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/771H6VmwNpHGBCZNV22Vdb/3b93e0428f9c19ba0b519ed69f5df5a1/How_To_Optimizer_Images_in_TinyMCE.png?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Optimize Images for Web in TinyMCE with Uploadcare | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to optimize images for your website in TinyMCE using Uploadcare for faster load times, responsive scaling, and real-time image editing."}}},{"node":{"title":"How to Resize an Image Using HTML","slug":"how-to-resize-image-html","featured":true,"lastUpdated":"May 20th, 2025","description":{"description":"<p>Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to resize an image using HTML","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAgH/8QAJhAAAQQBAwMEAwAAAAAAAAAAAQIDBBEFAAYhBxIxCBMUQVFigf/EABgBAAMBAQAAAAAAAAAAAAAAAAECAwUH/8QAIREAAgIBAwUBAAAAAAAAAAAAAQIAEQMhIjESE1Jh0YH/2gAMAwEAAhEDEQA/AIn6ObD2/wBUMmqBPdaxKo0QOOynnjTq+6qqxXGuq5Gy4iTdgnTTj7MkstClqvfPyaRkPTdsrG/GM3PxcdFeUpLmQkOqS0yAkkKsKPmhVj70uPOS2+69AXFJJG2TlutrGwMy7FwMyVkIDNtiRJbQkrUFEEp7SbQeCCeefGtI9s0Uv95hA84VUt7HTPcjOrYWCk22qvxqYUOtMLgUkGxEvZSZKeccdkurUskqtRo/zUwioAqjQRetn3MdTDrAKUKoWoEk1+x08E//2Q==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3nsCkUnsGSC4cIFeBStj4E/50972457bf6eeb50a7db85d8099b983c/How_to_resize_an_image_using_HTML.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to resize an image in HTML - 3 methods for image resizing | TinyMCE"},"metaDescription":{"metaDescription":"Images are essential for a website's visual appeal. Learn how to resize images using HTML, explore various techniques, and understand their impact on performance and responsiveness."}}},{"node":{"title":"How to Resize an Image Using CSS: Best Three Methods","slug":"how-to-resize-image-css","featured":false,"lastUpdated":"Apr 22nd, 2025","description":{"description":"<p>Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Resizing Images in CSS | TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAggDBAf/xAAnEAABAwIEBgMBAAAAAAAAAAABAgMEBREABhIhBxMUFTFhCCRxof/EABcBAQEBAQAAAAAAAAAAAAAAAAIBBQf/xAAhEQEAAgICAgIDAAAAAAAAAAABAhEAAyExIoESUWHB0f/aAAwDAQACEQMRAD8ASPhDkWicTamuDMSITkeMHHHy4TzFareLi22Oq7JbNSt2PXHWZNxoor33/M0mpfHDJlKZjuTK9Dhx3lKSuSuQfrgJJBUAo73AAvtvg696y87r8BeFWuMXbN0WJSat0tLVUFRkNi/cmUNO6rm9gkkafBB940b0zCWpU9frERSzYU+8pPuuRn18lxbN7X5aim+3rBCznAOD3OYkEdW+QfILhI/pxfjH6yvPeSyZTtQLb8lxT7yk2Ljh1E2JA3/MCMYw8YlGSSra5//Z","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/KgcEIHzrXaNiaDPczTzs9/28ee4361dffa530fe0081b852906ed30/Resizing_Images_in_CSS.jpg?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to Resize an Image Using CSS - Best 3 Methods | TinyMCE"},"metaDescription":{"metaDescription":"Images play a crucial role in the aesthetics of a website. Learn how to resize images using CSS, explore different methods, and test their responsiveness."}}},{"node":{"title":"TinyMCE Image Upload Made Easy With Tiny Drive","slug":"tinymce-image-upload-tiny-drive","featured":false,"lastUpdated":"Mar 28th, 2025","description":{"description":"<p>Simplify image uploads in TinyMCE with Tiny Drive. Learn how to configure the Tiny Drive plugin and get started with Tiny Drive in a few easy steps.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Simplify image uploads in TinyMCE with Tiny Drive. Learn how to configure the Tiny Drive plugin and get started with Tiny Drive in a few easy steps."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Tiny Drive Uploads Made Easy in TinyMCE","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABtlBMVEUIElMIEVMACE8ABU4ABE4AB08AAE0ABk4AAk4JElMKE1QACE8ABk4ABU4ABE4ABE0AB04AB08JElQEDVEABk8AAk4DDFAEDlEGD1EHEFEIEFEJElIAA00dI14sMmkgJ2UqMWkoL2gpL2gnLmgxN2wyOGw0Om0zOGwgJl8AAEwBCk8HD1ECC1AkKmRGS31ITX5LUH9JT39KT39JTn44PHIdImYABFgAAD4AAEcBCVAFDlAMFFMACFAmLWZyd56IjbCHjK+Bhqp8gKWBhaiFiKqQmLqOmr9+irJ9ia97h6tbZYoAAEsHFFUAEVceMWpxeJ+Hi659gqaHiqybnrqTlrSmrs2ksteYp86Yps2XpcxxfaEAAEoCDFAIHltbPVJYQVxseJyFiaqAhKV5faCJjauZm7eVmLVgY4waIWcXHV4AAE4BGVhaNFVcOlo3SYpKU5tIUZlFT5o9Rog8QXQ8Qnc+RHg0OnInLmwgJmIAA04AEVUDHlYpQKlret90gN5se98sQKcRGFYVHV0WHl4ZIF4dI18UG1gAAlQADl8ADl4ABFQAAU0AAk0LFFQABU0AAEkAAEQAAEOmIsMzAAAACnRSTlP+/v7+/v7+/v7+LPRBhQAAAJZJREFUCB1dwTEOwVAAx+H/7/U1lEoai9EFJCSN1WZ0AQfpLjEYxSWcpwewmFgkQqJaeVUiUb4PtRAIVShVenCyCjIfL0NSgzdhjSOENjUHq7wTURHO48N6Q/4Za3Zj4BzxJasplS4vAvb9rcEP5/zY6GFVpBNqVvg31Lu72QBKk45YX5zNw6MJksLEzYofL5ZX43IlwROAniL2VvHugAAAAABJRU5ErkJggg==","aspectRatio":1.7833333333333334,"src":"//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=370&h=207&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=739&h=414&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=1926&h=1080&q=50&fit=scale 1926w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=370&h=207&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=739&h=414&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1FiQFy1QBozytMJ4jd9jTR/9ad469c5a021e7adc2149046e878bb3e/_BLOG_HEADER___TinyMCE__Tiny_Drive_Uploads_Made_Easy_in_TinyMCE.png?w=1926&h=1080&q=50&fm=webp&fit=scale 1926w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"TinyMCE Image Upload Made Easy With Tiny Drive | TinyMCE"},"metaDescription":{"metaDescription":"Simplify image uploads in TinyMCE with Tiny Drive. Learn how to configure the Tiny Drive plugin and get started with Tiny Drive in a few easy steps."}}},{"node":{"title":"Understanding accessible documents and options from TinyMCE","slug":"accessible-documents","featured":false,"lastUpdated":"May 22nd, 2024","description":{"description":"<p>When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you need to build accessible documents, choose a WYSIWYG editor that provides all the features out-of-the-box."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Images, notes, and files float on a blue field with the word accessible in a bubble dialog box, signaling TinyMCE's accessibility features.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA3lBMVEUM4NML4NMK4NMH4NMD4NMA4NMA4dMJ4dMI4NMA4NIA39IX49Yz49gg4tY749cm49YD4tQa4dQO4NMU4dQA3tBv3tai5+N+4tnI3rbL1s+R2uOtyduL0twp3tkV4tQM4dMO4dQU4tU33dG/5ubS7fKS5eGr48Kd4dBU4t62qM3OdMRMzdAA49QK4dMP4dMZ4dUk4NJj19Zo1uU14N9G6N3A6+fM7OiQ39l2ssIz1c0A4tQc4dUA4NQC4dYA49Yz49aP5NyX5Nxc49cA4tMA4dQI4dMN4dME4NMG4NMF4NNUdYr9AAAAWUlEQVQI12NgwAIY4QwQ6z8QwgWZGEFiIPQTLsjxjxmoEgLeQwWFGJHBQwYGFqAgH4ogAxbBz1BBBp4bmnDBYzDnCLmxu7qzcnKysrmiuZPdgXH/z/8MOAEAhb0NaNTif3IAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7rl9j4FrEd8TRu7uY5RvwL/add6341658298a255abf0f2801bac3ad/Understanding_accessible_documents_and_options_from_TinyMCE.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Understanding accessible documents and accessible document design options | TinyMCE"},"metaDescription":{"metaDescription":"Discover everything you need to know about accessible documents, and how the TinyMCE WYSIWYG makes accessible documents easier to write"}}},{"node":{"title":"How to use Font Awesome with React and TinyMCE","slug":"use-font-awesome-in-react","featured":false,"lastUpdated":"Jan 23rd, 2024","description":{"description":"<p>Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Font Awesome and React can combined to create a rich UI design, especially when combined with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A pair of happy icons team up with the React library logo to work on font awesome in React JS","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEV+//99//98//97//9//v98/f509/l5//91//+++/vY8vLX8vLD+vp///+A//9//P6Q+vuN8vKK6OuU9fit+vu8+Pi3+Pib/f2E/f267/i18PiC/v6B9fXl8O309PPU0ODh4vHr8u/m8Ojr/v2P+PiR9ffG6vfC7PeE/v5+7Ozy8PD////28/j48fb2srnutrPo8/mB8Pp4/v6O+vqK+vp/7e3u8fH+/f35yM/9ztTQ6PRp4fZ6//96//58/Pyd/Pyj//+i//+k//+e//58/f14//92//8pCi3EAAAAYElEQVQIHQXBwQ1BURRAwTnyI/GCjuy0baEAiSpUYEXimgEAAAEIAwSoBmMQbFVV333vH6FzVVXVa2zYnaqqqrDBqaqqegw7OB7NWmut9TwMQpeK6jYg6BrcPwMEAgbwB/piFDweuOcQAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/TjlWxZbsSb4MUlLtxGIky/a755bfb6108cb73215869ac6d04c2934/img-Howto-use-font-awesome-React-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to use Font Awesome with React | TinyMCE"},"metaDescription":{"metaDescription":"Integrate Font Awesome with React and enhance your TinyMCE UI: a step-by-step guide to setting up, customizing, and securing your icons and editor."}}},{"node":{"title":"Best WYSIWYG editor image upload solutions compared: under pressure","slug":"wysiwyg-image-upload","featured":false,"lastUpdated":"Nov 29th, 2023","description":{"description":"<p>Explore the top-performing WYSIWYG solutions for image upload, and find out which one best fits your needs.</p>\n<p>&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Explore the top-performing WYSIWYG solutions for image upload, and find out which one best fits your needs."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The words image upload solution appearing with images, and a confused WYSIWYG editor, deciding which image upload to use","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA5FBMVEUI8eMI8uMG8uME8uMB8uMA8uMC8uMH8uMA8+MA9OMA9OII8uQG8eMO8uRd2uZ3yulyy+l0y+pwzOkd6+QA8eMA8OIH8eMF8eMM8uSp1u367f737v717P3z6/vm3veR5OlB8uUD8eMK8uQA8OGi3uv//////v/39fv09PX69vfI7+2J8eeV7+aT7+Z/8eYC8uQA7+CS2ej78P7v7vPj6+Xp6Ovs5PKq4+fI8+3r6urr6+vU8/Ac8eMO8uMA8eI/5eR41+iT3+KK4dSe39191+cv5eRF8+Vf8eVS8uUA8uQD8uME8ePAwWlEAAAAgUlEQVQIHU3BQRLBMACG0e9PE02EjYUewM7OHWx6bKdwApvYGVVmaEWL6XtiJOj5EZmRBHrZBwMLlF0hQd93JjRkFha6zyQkXVZqY0hYiCqdBsuGIgYQVFFTJ5MscN5oArDQ7PSHxMjU3rvaee8+KhBZ+TRk2h/ZHq4gBmtuzBNfb2Z1GJtQy5NNAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6vUW23xasKLMyIOdQl09mi/1702d069875e818b4b8286289d708b8c/img-Best-WYSIWYG-editor-image-upload-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"World of WYSIWYG","slug":"wysiwyg-world"},"metaTitle":{"metaTitle":"Best rich text editors with image upload compared: Under pressure | TinyMCE"},"metaDescription":{"metaDescription":"Discover the importance of WYSIWYG image upload in WYSIWYG editors. Dive into key features of text editors with image capabilities and explore the top-performing WYSIWYG solutions."}}},{"node":{"title":"How to enable image upload in your Vue app","slug":"vue-image-upload","featured":false,"lastUpdated":"Nov 7th, 2023","description":{"description":"<p>Explore drag-and-drop features, image picker options, and more for an improved user experience running Vue with image upload.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Explore drag-and-drop features, image picker options, and more for an improved user experience running Vue with image upload."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An image works it's way toward the Vue logo, through an upload step, representing Vue image upload","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAn1BMVEX/oKr/n6n/nqj/n6r/oKb/n6j3r7vvvMj/oaz/nar7pKz+oqv/oKv/oav9pq/4xqnmzMrU7Prg2OL/rLTXvreS3MXur7H/najrvra67+mD59i0sKivzrwA6slF5snura/7rLTitbf8q7Pksbpj5tClxrHwn6WB3cOczsHLurb5pav4rLK7ycH4rrTvoqnkqKr/m6e4ybrlr7D/qLD/nqrhYXtqAAAAUUlEQVQI12NgIBYwQyhGJkYg+z9UkBFMsjDCAMNnqCAzN1zszV+4Sm5euCjjQ6AwC0iQB6GUEW7RV1k2thsybJfffRO/8B/hBpCcCTPcMUQDADD2DSqXh5SIAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/o5foNC8OXYvTYZksDXZMJ/1013f20fa26749e07ff462bae8399031/img-Mastering-Vue-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable image upload in your Vue app | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to enhance Vue app image uploads with TinyMCE. Explore drag-and-drop features, image picker options, and more for an improved user experience."}}},{"node":{"title":"Mastering React image upload with TinyMCE","slug":"react-image-upload","featured":false,"lastUpdated":"Nov 2nd, 2023","description":{"description":"<p>Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Mastering image upload in React is a matter of understanding what to post to the server. Find out how to add TinyMCE to your React app for image upload with an end-to-end demo"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The React library icon handling a number of image related symbols and icons to represent image upload with react","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA1VBMVEWR+P+R+f+Q+f+P+f+L+f+N+f+S+f+Q+v+j9vzH8/bN8fC59fmT9f6V9/+U+f+V+v+V+f+i7fWU+P+T9fzA8vbq3s713rHb7OiV6fiN5++I8fWN7PKK5e2S9vua2MqU9vyU9/666vbJ7PO0xrDPs5LV29aZ8vWf8vaO5uyK1eKI8vRi4tOS+P+f8/ux8fbg2dHg1Mbi0NCm5/Gm8vfM7vGa7PSV5/SO7e6J5t+T+v+U+P6l+f+g+/+g8PmZ8/uR9v2W8/mT8/iR9vyT9v2V9/6P+v+Q+P/aTx5qAAAAbElEQVQIHQXBQVXDUBRAwbn5TQQggNN9FSCACmeFB1YoqIDQPmYCYgAIosEEYyHb1hr7ejmeEu1/R1WlepiLnG9VVVUPLvRe1e+1qh8kt6qqqr5NtJ8fVVX1dQ6oba3Prfu94yiCAGAIgDDgHyxyFyB+QPR7AAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/69mmJ6dQcUrrKNHKSnJhek/a82379e2f5e451baf32c09b956dcdb1e/img-Mastering-React-Image-Upload-TinyMCE-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Mastering React image upload | TinyMCE"},"metaDescription":{"metaDescription":"Explore image handling in React and TinyMCE: from understanding uploads to importing images. Follow our guide to enhance your React applications with seamless image uploading using TinyMCE."}}},{"node":{"title":"Guide to image rotation: HTML, CSS, and JavaScript techniques","slug":"image-rotation","featured":false,"lastUpdated":"Jul 13th, 2023","description":{"description":"<p>Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The rotation process shown in isometric view depicting the image rotation process","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAt1BMVEXVn//Vn//Wn//Vnv/WnP/VnP/Vo/3Yqf3Wnv/YrfTNtfLKpfPQn/nVn/7Io/zIovvVnf/Xrvnl2fHhz/PVoPXgw7+/5O/e0NnXwtfKre7PmPnPnPnaj/XVnf7Xov/PrfSHzbfDpu7fxfTF5vTgyM7jusDEqenTm/7YnP7kjvrWnf7PoPq0t+DOn/nWs/bB3PO32+m52eLFsO7SmfzUnv7VoP/Ynf/Wnf/WoP7XqP7UsvrRwvfTsPaElh1/AAAAAXRSTlP+GuMHfQAAAFFJREFUCNdjYMACGBnhrP9wQRYQwQSW/QcS/Q8TZGJmhICvPIyf/0O08zMigycQlZ+lkQVhFrErI8TOwG1n14OIXPmI6iQm3q////3HcCchAABxXhAzVKmEBwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide to image rotation: HTML, CSS, and JavaScript techniques | TinyMCE"},"metaDescription":{"metaDescription":"Master image rotation in web design with our comprehensive guide. Explore image rotation techniques using HTML, CSS, and JavaScript, and learn how to simplify the process with TinyMCE."}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":2,"currentPage":1,"slug":"images","title":"Images","page":"tag","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]},"bannerForTag":{"bannerDescription":"Flip, rotate, crop, resize and apply filters to your images within the editor","bannerButtonLabel":"Explore Enhanced Image Editing","bannerExternalLink":"https://www.tiny.cloud/tinymce/features/enhanced-image-editing/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}