A correctly selected picture characterizes the direction of the site in the best way, gives it individuality. In addition, most people are visuals by nature, which means that the graphic image will be much better remembered for them.
Instructions
Step 1
If you are just creating your site based on a ready-made template, then you can insert a picture into its header using a simple replacement. To do this, it is enough to select a suitable image and resave it under the name of a standard illustration. The main thing here is to adjust the dimensions, otherwise your picture will simply not fit into the resource parameters. You can do the same with a ready-made website that has a control system and has already been sent sailing through the Internet.
Step 2
It's better to use Adobe Photoshop to edit the picture. Keep in mind that the versions of the program can be in English and for the convenience of work you will need a crack. It can be downloaded for free on the Internet.
Step 3
Open the image you want to replace in a graphics editor and select “Image” - “Image size” from the menu. Remember, or better write down the values in pixels. You can close the picture - you won't need it anymore.
Step 4
In the "File" menu, select "New", after which a form will open in front of you. Enter the recorded values of the image size into it and click "OK". You can also set other parameters along the way, for example, the name of the layer or the type of background content, but they are not fundamental.
Step 5
Create a new layer ("Layer" - "New").
Step 6
Open in the program the picture you want to see in the header of the site ("File" - "Open").
Step 7
On the toolbar, select the "Rectangular area" icon, use it to select a picture.
Step 8
Use the "Copy" command from the "Edit" menu and paste the image on a new layer of the prepared shape ("Edit" - "Paste"). Select the Move tool and move the picture as needed.
Step 9
If the size of the picture turned out to be larger or smaller, then it can be corrected using the commands from the "Image" menu. In any case, the parameters of the main picture rarely coincide with the required ones, so almost always there is an empty space. It must be filled in, and for this it is best to use the "Background". For example, you can fill with one color, or use the Gradient tool, and then smooth the transition using dodge / darken, Finger, Sponges, and so on.
Step 10
There is a special tag for inserting pictures in the html language
with various attributes:
• src - image address;
• height - height in px;
• width - width in px;
• border - border in px;
• alt - an explanation for the picture, displayed for users when the image receiving function is turned off.
For example,. No reverse tag required.