DEV Community

Moruling James
Moruling James

Posted on

Online imaging tools to speed up your development

Lets say you are developing an app, mobile or web for someone or your own project but you need logos, icon or images with certain size and transparency real quick.

Here is a list of imaging tools available for free online that you can utilize to get that image in 5 minutes!

Say you scaffolded your app and need to change the header logo

Image description

and this is the logo you need to work with

Image description

and below is the style for the logo
.logo {
width: 120px;
height: 31px;
background: rgba(255, 255, 255, 0.2);
margin: 16px 24px 16px 0;
float: left;
}

  1. Crop PNG & resize https://resizing.app/

crop

Image description

resize

Image description

  1. Remove background onlinepngtools.com

Image description

  1. use it

Image description

Now you have a transparent image to use as logo. Not the prettiest but that gets you going superfast!

Top comments (0)