Skip to content
English
  • There are no suggestions because the search field is empty.

How to provide image content for TWINT Giving Portal

Before you start

We are happy that you want to join TWINT+ Donations. Before you start preparing the image for your organisation profile, make sure you meet the preconditions described below.

 

00 Intro scene

Who can use this feature

Supported for RaiseNow Growth customers who plan to use TWINT+ Donations.

What you need to have

  • An image processing tool like Photoshop or similar
  • Some basic knowledge about using this image processing tool
  • The help frame (which you can download at the bottom of the page)
  • At least one nice image you want to use for TWINT+ Donations with a minimum size of 2072 × 1512 px
  • Note: To be able to play around with the focus area we recommend a bigger image.

 

Preparing your picture

Because we are providing a nice zoom effect in TWINT+ Donations it is important, that you prepare your image as described so the most important content is always in focus. 

Step-by-step guide

  • Open your image processing tool
  • Open the image you want to work with

2. Open your picture

  • Load the help frame (see attached file) in your open picture.
  • Make sure, that the help frame dimensions are at least 2072 × 1512 px
  • Note: You can always increase the size of the help frame, but never make it smaller than 2072 × 1512 px

 

02 Minimal frame size

  • Now the fun part begins. Look for a great and engaging sweet spot in your image as a central focal point by moving the help frame over the image. Your hotspot should be in the center frame of the white square.
  • Whenever needed you can scale up or down the help frame but always do this proportionally and never scale under 2072 × 1512 px.

 

03 Find focus area

 

  • When you find your sweet spot, you need to copy and paste the image content of your frame. For this use the Rectangular Marquee Tool (Photoshop) or any other selection tool and draw a square around the outer boarder of the help frame.

 

04 Copy and paste

  • Change to the layer of your picture
  • Press Command+C (Mac) or Ctrl+C (Windows) to copy the selection to your clipboard
  • Go to File -> New -> From clipboard
  • Paste the selection from your clipboard in the new file by pressing Command+V (Mac) or Ctrl+V (Windows)
  • You are almost done. Go to File -> Export -> Export as…
  • Choose format JPG and lower image size to 2072 × 1512 px (if not set already).
  • Decrease the image quality (in %) until the file size is 200 KB or less and export your image.

 

05 Export

Tips & tricks

  • Think about what do you really want to have in focus.
  • Think of a story you want to tell. 
  • Choose an image with enough space around the sweet spot.
  • If you somehow need to cut off a face, try to move the person out totally.
  • If you have to cut off a face just a bit, it's better to do it on the forehead than on the chin.
  • And last but not least, don't give up. Move the frame around. Sometimes new things appear. And yes, sometimes you need to use a different picture.

 

What it looks like in action…

TWINT-donations-example

 

The help frame

To make it easy for you to provide the best image possible or to check if the focus area of your picture will be shown, we provide you the help frame with two relevant areas:

  • Focus area is the area that will always be visible. Make sure, that this is the most relevant content in your picture.
  • Border area is the area that will be partially hidden. Size of the hidden area may depend on the screen size of the device as well as the size of the text area below the image.

 

RaiseNow help frame kb

Simply download the .PNG attached and you are ready to go!

help frame