top of page

How to Transform and Recolor PNG Images for Your Wix Blog

Adding custom graphics to your blog posts not only enhances the visual appeal but also helps in communicating your message more effectively. However, if you're using Wix to manage your blog, you might have noticed that it doesn't support SVG files directly in posts. No worries! In this guide, I'll show you how to change the color of PNG graphics by converting them to SVG for editing, and then converting them back to JPEG for easy uploading to your Wix blog.


Why Convert PNG to SVG?

SVG (Scalable Vector Graphics) files offer many

advantages over traditional PNG files, primarily due to their scalability and editability. Unlike PNGs, SVGs can be easily manipulated without loss of quality, making them perfect for customizing colors and styles to match your blog's theme.


Converting PNG to SVG

To convert your PNG images to SVG, you can use online converters that are both efficient and simple to use. Websites like OnlineConvertFree, Convertio, and SVG Creator allow you to upload your PNG files and convert them to SVG format within minutes. These platforms provide a user-friendly interface that makes the process straightforward, even for those with little to no technical expertise.


See our blog post When to Use SVG Images on Your Wix Website for more information on online converters


Editing Colors in SVG Format

Once your image is in SVG format, you can edit its colors. For this task, Vector Magic is an excellent choice. It's a powerful tool designed specifically for converting raster images to vector formats. Vector Magic offers both an online and a desktop version, allowing you to choose the platform that best fits your needs. Its intuitive controls enable you to easily select and change colors, ensuring high-quality results that align perfectly with your visual branding.


Converting SVG to JPEG

After recoloring your SVG image, the next step is to convert it back to a format that Wix supports—JPEG. This can be done using the same online tools you used for the initial conversion. These tools typically offer the option to export your edited SVGs as JPEG files, ready to be uploaded to your blog.


Optimizing and Uploading to Wix

Before uploading the JPEG to your Wix blog, it's important to optimize the image for web use. This means reducing the file size without significantly compromising on quality, ensuring your blog loads quickly for all users. Once optimized, you can upload the JPEG file directly to your Wix blog post through the Wix editor. See our blog post The Importance of Image Optimization for Wix: Maximizing Storage Efficiency.


Example: Recoloring a Canva PNG Graphic

Let's walk through an example of transforming a Canva PNG graphic with green and blue colors into a more vibrant design using yellow and bright blue. This example will help illustrate the process from start to finish.


Step 1: Convert the PNG to SVG

  • Go to an online converter like Convertio.

  • Upload your PNG file downloaded from Canva.

  • Select SVG as the output format and click ‘Convert’.

  • Download the converted SVG file once the process is complete.


Step 2: Edit the Colors

  • Open Vector Magic and upload your newly converted SVG file.

  • Use the color selection tool to pick the green areas of your image.

  • Change these to a bright yellow by adjusting the color settings.

  • Next, select the blue areas and change them to a bright blue to complement the yellow.

  • Fine-tune the image to ensure the edges are smooth and the colors are evenly distributed.


Step 3: Convert the SVG to JPEG

  • Once you’re satisfied with the color changes, it’s time to convert the file back to a JPEG.

  • Use the same online converter or another preferred tool.

  • Upload the edited SVG and select JPEG as the output format.

  • Convert and download the final JPEG file.


Step 4: Optimize and Upload to Wix

  • Before uploading, ensure the JPEG file size is optimized for web use, which can be done using an image compression tool.

  • Log in to your Wix account, navigate to your blog post editor, and insert the image where it fits best in your content.


Visual Before and After:


By following these steps, you can significantly alter the appearance of your graphics, making them more aligned with your specific branding or thematic requirements.


Why Choose WIXCreate for Your Website Design Needs?

At WIXCreate, we don't just offer advice on optimizing your blog posts—we build visually stunning and highly functional websites tailored to meet the unique needs of each client. Whether you’re looking to launch a new business, elevate your online presence, or simply improve your current website, our small team of experienced designers and developers is here to help.


Our Services Include:

  • Custom Website Design: We create bespoke designs that reflect your brand's identity and resonate with your target audience.

  • Website Optimization: From SEO to mobile optimization, we ensure your site is not only beautiful but also ranks well on search engines and delivers a seamless user experience.

  • Graphic Design: Need custom graphics, logos, or branding materials? Our graphic design services can provide everything you need to make your brand stand out.

  • Ongoing Support and Maintenance: We provide continuous support and updates, keeping your website up-to-date with the latest web technologies and security standards.


Partner with Us:

Choosing WIXCreate means you're not just getting a website; you're gaining a partner dedicated to boosting your online success. Visit our portfolio at WIXCreate to see our work and read testimonials from our satisfied clients. Let us help you transform your vision into reality with a website that’s as dynamic and remarkable as your business.


Customizing the color of your graphics is just the beginning. With WIXCreate, you can take your website to the next level with professional design and development services that ensure your online presence is powerful and effective. Experiment with different graphics and colors, and don’t hesitate to contact us for a personalized consultation.


Don’t forget to share your creations in the comments below, and if you found this tutorial helpful, subscribe to our newsletter for more useful tips and updates!

1 Comment


Unknown member
Aug 30

I noticed I can't upload M2TS images to this site, to be honest it's frustrating that not all formats are supported. In that case I had to use M2TS converter to convert to a suitable format.

It would be cool if the developers added the ability to support rarer formats.

Like

ABOUT WIXCREATE

Welcome to WIXCreate, your top-level WIX Partner! Our experienced team of digital professionals has built hundreds of beautiful and functional websites using the WIX platform for companies and organizations around the world.

 

We're passionate about helping businesses like yours succeed online. With our expertise in design, development, and digital marketing, we're here to support you every step of the way. Whether you're looking to create a new website, improve your online presence, or drive more leads and sales, we're here to help you achieve your goals.

SUBSCRIBE!

Receive our latest blog posts directly in your inbox.

Thanks for subscribing!

HOW CAN WE HELP?

We offer the following services:​

  • Design and development of new websites

  • Migration of existing websites to WIX

  • Help with managing and updating existing WIX websites

  • Ongoing website maintenance and support

  • SEO optimization to improve your website's search engine ranking

bottom of page