How do I prepare my floor plans

How do I prepare my floor plans?

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

Remove the Background

There are several ways to remove the background from an image, so we are going to walk through one way to do this. We are going to use a free online image editing tool, Lunapic, to do this.

Note: If you have Photoshop, it is the fastest and easiest tool to do this. It is not free and if you have it, we assume you will not need help on how to do this part. If we are wrong let us know and we will add instructions for Photoshop as well.
  1. Go to Lunapic.
  2. Click the "Upload" link available at right side of the page and upload one of your floor plans.
  3. Click the "crop" link above the image, then drag a box over the image cutting out anything that is not needed, then click "Crop Image".
  4. Choose "Transparent Background" from the Edit drop-down menu.
  5. Click in the white area surrounding the image.
  6. Leave the default setting and click "Apply".
  7. Just below the image click on the "Save" button.
Now that we have a version of our Floorplan without a white background we just need to resize it and we will be done. Unfortunately, Lunapic does not have the best resize tools so we are going to use a secondary free online tool for this next step. The tool is called PicResize.
  1. Go to PicResize.
  2. Click on the big white box that says "Drag and drop a file here or click", choose the Image from your computer that we just saved using the process above.
  3. Once the image opens, click the "Continue to edit picture" button.
  4. On the next screen scroll down the page until you see the dropdown that by default is set to "50% smaller" from that dropdown choose "Custom Size". 
  5. In the "Height" field, type 800. This assumes your image is at least 800 px tall to begin with, if your image is smaller than this then you can choose a smaller size like 600 px. It is important that all of your floorplans be the same height, this makes them look more consistent on the site. 
  6. Click "Resize My Image".
  7. On the next screen and click on "Save to Disk".
Once you have downloaded the final resized file you are ready to rename your file to something more SEO friendly that means better for the search engines. Try following this format:
PropertyName-City-State-Floorplan-A1.png

So if the Property was The Collective in Dallas, Texas and it was the A1 floorplan then the file name would be:
Collective-Dallas-Texas-Floorplan-A1.png.

You are now ready to upload the image!.

    • Related Articles

    • Everything you need to know about the floor plan manager

      The floorplan manager is for properties that both have a property management system and for those that do not. The use cases, however, will be slightly different although the main function is the same. This tool allows you to enter each floor plan as ...

    • 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 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 ...

    • 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 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 ...