After you have selected and uploaded a new image a Crop link will be available.
- Click the Crop link on the thumbnail within the customize pane.
- In the crop dialog box you will see the image as it is currently cropped and a Recrop button.
Some images have multiple break points. If break points are available, you will see tabs listed across the top: large, desktop, tablet, and phone. Click the Save button before moving on to another tab.
- Click the Recrop button.
- The image preview will reset to show you the full image. Click and drag anywhere on the image to start the Recrop select box.
- Click and drag in the middle of the highlighted area to move it.
- Click and drag the tiny square corner grips to capture more or less of the original image.
- The recrop select box will keep the proportion of the screen size selected. The breaking points or screen sizes (large, desktop, tablet, or phone) available may have its own cropped image.
- Click the Save button when you have the crop box placed where you want it or click Close to exit.
Uploading Images [back to top]
One of the best ways to attract visitors to your church is through pictures on the website. The first step in adding a picture to the website is uploading it from your computer.
To start uploading your files, you need be logged in. Click the Content link on the Admin bar, from the drop down menu click Images & Files.
1. The File Management interface will launch. Click the Images Folder or Photos Folder to open.
There are a number of folders available to store your image, document, and media files. Each folder has a specialized purpose. For example the Thumbnails Folder is used to store thumbnail images that are shared by the Calendar and Articles. This pattern holds true of all of the folders. This also helps to keep your site well organized. You can add new folders as needed to help you stay organized.2. Hover over the Upload button from across the top of the interface.
3. From the drop down menu, click From Computer. Select the Browse button to find the image file on your computer. Navigate your computer to locate and select the file(s) you wish to upload and click the Open button.
Make sure that the names of your files don't have any spaces or special characters. You can avoid this by using an underscore. The underscore is the shift key and the line key.4. Now click the Send button to place the file(s) on the web server. Now you are ready to use your uploaded file!
Try This: When you wish to upload multiple files at once, select the first file and hold your shift key down while selecting the last file and all files between the first and last one you selected will also be selected. To choose three or more file not next to each other, hold the CTRL key down while clicking each file you want to upload.
Resizing an Image [back to top]
We recommend that you resize the images after you have uploaded them. Resizing the images will allow them to load quickly on the website and will also conserve space on your website.
Pixlr Image Editor is no longer available in Images & Files. Please visit Pixlr.com to resize your images. Pixlr image editor allows you to crop, add text and much more to images from its Tool Bar.The size of each image on your website will make a significant difference in how fast your pages are displayed. We will show you how to resize an image that has already been uploaded to your website. You will need to be logged in to complete the following steps.
- On the admin bar, click Content. From the dropdown menu, click Images & Files.
- Click the folder where the image to be resized is located (this should be the Images Folder or Photos Folder).
- Locate the image and right click on the name.
- From the dropdown menu, hover over Open In...
- Click Pixlr Image Editor. This will open a new dialog box, with your image in the center.
- From the Pixlr menu bar, click on Image. From the dropdown menu click Image Size...
- A new dialog box will appear Image size. To keep the image in proportion, check the box labeled Constrain proportions. Change the dimensions. Click OK.
- To save the changes, click on File on the menu bar. From the drop down menu, click Save. A new dialog box will appear, Save image. The Quality box by default is set at 80, reset to 100. Click OK. This will close the Pixlr Image Editor dialog box.
Inserting an Image [back to top]
Inserting an image is the last step to complete in displaying it on your website.
» Click here to see an example.
- Navigate to the page where you want to display the image. Click the Edit link at the top of the page. Place the cursor where you want the image to display on the page. On the editor toolbar, find and click the Image icon ( ). This will bring up the Image Properties dialog box.
- Next click the Browse Server button. This will open the Images & Files Management. Select the folder where your image is stored.
- Double click the image file name. The Image & Files window will close and take you back to the Image Properties dialog box. You will see that the URL text box is filled in with a path to the image: site/1/Folder_Name/Image_File_Name.
If you have not uploaded the image ahead of time, view the Upload an Image documentation.
Alternative Text: Typing in a description of your image in the Alternative Text box will help visually impaired visitors navigate your web page.
Width & Height: You can adjust the height and width of your image here by using the boxes to the left of the Preview box in the Image Properties dialog box.
If the lock icon is closed ( ), changing the height will also change the width.
Click the lock icon ( ) to change either the width or the height without effecting the other.
You can also reset the image to full unchanged size by clicking the Reset Size icon ( ).
We recommend that you work with the lock icon closed because this will maintain the proportions of the image.Border: To add a border or space you will enter numbers that are usually small, because these are measured in pixels.
HSpace & VSpace: Horizontal and Vertical space can be added around your image to keep text and other objects from touching your image.
Alignment / Text Wrapping: You can wrap the text around your image by using the Alignment drop down box. Left aligning the image will push the image to the far left side and allow the text to flow around the image. Right aligning the image will push the image to the far right side and allow the text to flow around the image.
Click the OK button to save and insert the image into the page.
Click Publish to complete your work. You may select Save Draft if you want to continue working on the page before it is made public.
Favicon [back to top]
What is a favicon?
Favicon stands for "Favorites Icon". It's the little icon beside your site's name in the favorites list, before the URL in the address bar, as a bookmarked website on the desktop, in the "Links" bar and on the windows taskbar.
Change your Favicon
You can change the favicon if you wish. Simply create your favicon and follow these two instructions:
- Name (or rename) it as "favicon.ico"
- Upload the file to your "images" folder.
Here are a few resources for creating favicon.ico images.
Photo Release Statement and Form [back to top]
Below is the statement from the Office of General Council – General Conference of Seventh-day Adventists
“Recognizable images of individuals that will be used on Adventist Church Connect or Adventist School Connect sites may only be used after obtaining the written authorization of the subject. If you would like to include images of individuals on your site, please download a copy of the NAD Image Release form and have it signed by the subject in the image, or if the individual is a minor, by the minor’s legal guardian before posting the image. Releases are generally not required for newsworthy criticism or comment; however if you are not a professional used to making such judgments, we would advise you to seek legal counsel in order to avoid copyright infringement or invasion of privacy claims. Releases are also not generally required from people who are identifiable in a photo of a street or public place as long as the photograph is related to the subject matter of the article AND the identifiable people are NOT the focus of the photo.”
» Click here to download a release form