How do I get my logo ready to put on the site

How do I get my logo ready to put on the site?

Swifty allows you to upload a few versions of your logo to ensure that it looks perfect everywhere it appears. Let's go through the proper way to prepare your logo files. But before we do that we need to talk about file formats and why they are important.
  1. SVG (Standard Vector Graphic) - Vector graphics can be resized as needed without losing any quality and they typically have very small file sizes which enables them to load faster. Most logos are originally created as vector graphics using a vector-based program such as Adobe Illustrator or Inkscape. The most common vector file formats are .ai and .eps, either of these can easily be converted into an SVG file format. One free online converter is https://www.epsconverter.com/
  2. PNG (Portable Network Graphics) - This is a bitmap image format that allows for transparent areas. These are great when used properly however they usually have a larger file size so they should be used sparingly. PNG files can be sized down (made smaller) without losing quality but when enlarged they will get blurry.
Now that you have a basic understanding of these two file formats we can get into how you should prepare your files. There are six possible variations of your logo that should be uploaded into the Dashboard > Settings > Branding > Logos in the Swifty admin area, they are:
  1. Color Version of the Logo - Preferably an SVG file but PNG is acceptable, if PNG is used the logo should be uploaded at 400 pixels wide.
  2. White version of the Logo - This is a solid white version of the logo that we can use throughout the site as a background element or in primary areas on a darker background. This is preferably an SVG file but PNG is acceptable, if PNG is used the logo should be uploaded at 400 pixels wide.
  3. Icon Logo in Color - Preferably an SVG file but PNG is acceptable if PNG is used the logo should be uploaded at 200 pixels wide.
  4. Icon logo in White - Preferably an SVG file but PNG is acceptable if PNG is used the logo should be uploaded at 200 pixels wide.
  5. Favicon - This is the icon that shows up in the tab on the web browser, only PNGs are allowed.
  6. Custom map marker - This will replace the default map marker on both the contact map as well as the neighborhood map, only PNGs are allowed.

    • Related Articles

    • How do I get started?

      This comprehensive list walks you through the steps needed to prepare and collect all the files you will need for your new website. Collect Your Core Files, these include: Logos - The best format for these will be SVG or PNG. In addition to the ...

    • How do I find my brand colors?

      To get started Upload your logo to the Image Color Picker site. Click on each color in the logo and write down the 6 digit Alpha-Numeric code next to "HTML code:" should look something like this: #FFBD11. These are called hex codes and they are used ...

    • How do I prepare images for my site?

      There are 3 important things to remember about prepping your images: Size - All images need to be uploaded at 1920 X 1280 px to take full advantage of the Swifty platform. This allows every image uploaded to be used in any spot on the website without ...

    • How do I prepare my floor plans?

      To ensure that your floor plans look as good as possible we want to: Make sure that the white backgrounds have been removed. All of the floor plans must be of same height i.e. 800 px tall. Save them as PNG files. Remove the Background There are ...

    • How to Add or Edit the Appfolio Integration

      Login to the dashboard of your property website at manage.beswifty.com. In the left sidebar, navigate to Settings >Integration. First click on Activate and go to manage. Then you will get the AppFolio Availability Widget and paste it. if you want to ...