Help:Images/Image transparency: Difference between revisions

From FHX Wiki
mNo edit summary
Line 3: Line 3:


This guide will cover how to apply transparency using [https://en.m.wikipedia.org/wiki/GIMP GIMP] [http://www.gimp.org/] - a free and open-source image editor.
This guide will cover how to apply transparency using [https://en.m.wikipedia.org/wiki/GIMP GIMP] [http://www.gimp.org/] - a free and open-source image editor.
{{page info|message=Right click copying an image from the wiki to GIMP can result in loss in image quality. Please save the full-sized image before applying transparency by opening the "File:" namespace page for the image. Use the download option under the image preview to save the full-sized, highest quality version of the image.}}
{{page info|message=Right click copying an image from the wiki to GIMP can result in loss in image quality. Please save the full-sized image before applying transparency by opening the "File:" namespace page for the image. Use the image link under the preview to open the image in another browser tab. From there, right click and save as to download the full-sized, highest quality version of the image.}}
== Transparency ==
== Transparency ==
{| class="wikitable" style="width:100%"
{| class="wikitable" style="width:100%"

Revision as of 15:23, 18 June 2024

An image with transparency applied

For some images it is worthwhile to add transparency to further enhance an article. This is especially important when taking screenshots from the Editor - allowing you to delete the black background to make the subject clearer. Transparency may be applied before an image is uploaded or once it is already on the wiki. Previously uploaded images that editors need to add transparency to can be found in Category:Images needing transparency.

This guide will cover how to apply transparency using GIMP [1] - a free and open-source image editor.

Info:
Right click copying an image from the wiki to GIMP can result in loss in image quality. Please save the full-sized image before applying transparency by opening the "File:" namespace page for the image. Use the image link under the preview to open the image in another browser tab. From there, right click and save as to download the full-sized, highest quality version of the image.

Transparency

1. Open your image in GIMP.
2. Add Alpha Channel to the image layer. Click Layer (top) > Transparency > Add Alpha Channel
Adding an Alpha Channel
3. Select the background. Click Fuzzy Select Tool (top left) > click the black background.
Background selection
4. Delete the selection. Press Delete. If there are any background areas contained within the image, like around arms or hair, those can also be selected and deleted.
Info:
This should result in a checkered background. If the background is now white, Undo the delete and make sure to add the Alpha Channel.
Successfully removing the background
5. Crop the image. Click Image (top) > Crop to Content
Before cropping
After cropping
6. Export the image as .png. Click File (top left) > Overwrite if already a .png or Export to save it as a .png.
Overwrite .png
7. The image is ready to upload!

How to help
Editing articles
Editing guide (Cheatsheet) • VisualEditorImagesImage transparency
Formatting guides
Item formattingNPC formattingSkill formattingLocation formattingQuest formatting
Pages with missing elements
NPC pages missing coordinatesPages with broken file linksPages with a page warning
Article feedback
Leaving article feedbackFixing vandalism
Miscellaneous
FAQSearching for pagesTablesTemplatesSandboxRedirectsReferencesSignaturesArchiving talk pages