Using Images and Files
All pictures should be saved and uploaded as .webp
What is a WebP file
WebP is a modern image format that provides superior compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the load time faster.
Here is some more information on .webp files: https://developers.google.com/speed/webp
Naming Files
Keep file names short and relevant
- Incorrect: Description_of_What_is_Public_Health.docx
- Correct: what-is-public-health.doc
Some words, like ‘the’ and ‘and’ add length to a file name but do not contribute towards the meaning. If the remaining file name is still meaningful within the context of the file directory, these elements can be removed.
Avoid using spaces, underscores, or periods between words
- Incorrect: What_is_Public_Health.pdf or What is Public Health.pdf
- Correct: what-is-public-health.pdf
Some applications and computer scripts may not recognize spaces or will process files differently when they include spaces, underscores, or periods. Spaces are replaced with `%20` when encountered in a file name on a web server; spaces are not supported characters in URLs. This results in a hard to read filename.
For example “How to name files.pdf” would become “how%20to%20name%20files.pdf”
Spaces, underscores, or periods should be replaced with hyphens (-) except when indicating the file extension type (e.g. .docx, .pdf, .pptx, etc.)
Replacing spaces, underscores, and periods with hyphens (-) will ensure files and URLs still work properly and increase legibility.
Avoid use of uppercase characters
- Incorrect: WHATISPUBLICHEALTH.docx or WhatIsPublicHealth.pdf
- Correct: what-is-public-health.pdf
To keep filenames consistent, use lowercase characters for all filenames. This increases legibility and creates efficiencies.
In this example, by changing the capitalized letters to all lowercase and including hyphens (-) between each word makes each filename easier to read and presents a consistent look.
Do not use non-alphanumeric characters
Avoid: * : \ / < > | ” ? [ ] ; = + & £ $ , .
However, hyphens (-) may be used.
Non-alphanumeric characters are not supported or recognized within a URL string, or they may carry special meaning and not function as expected.
Further, different operating systems (such as Linux, OS X, Windows) have different file name requirements, in particular different characters that they do not recognize in file names. The use of these characters can cause problems.
Even if your operating system allows you to save the file, you may encounter difficulties if you try to transport the file to another operating system. The file may not be recognized, or if you send it to someone else they may not be able to open it.
Most non-alphanumeric characters can be omitted without much loss of meaning, e.g. commas and quotation marks. Others can be replaced with alphanumeric characters, e.g. “&” and “+” can be replaced with “And” and “Plus”. Hyphens can be used in place of forward slashes and brackets.
Images on cedarcreek.tv and my.cedarcreek.tv
Additionally, all photos and graphics that are uploaded to either of these sites or our app platforms should include what the name of the photo is illustrating
- Correct: preach-off-voting.jpg
- Incorrect: voting 2025_RP.jpg
Example; this photo should be named: ‘oregon-campus-outreach.jpg’
