usar editor de imagem para diminuir tamanhos das imagens, pois faz o site ficar

leve. Tambem buscar imagens livres de direitos autorais em sites como:

https://www.pexels.com/pt-br/
https://www.wikimedia.org/
Unsplash
Freepik
RawPixel
PixaBay
Libreshot

vale lembrar:

<img src="" alt="">

src = source (origem)
alt = texto alternativo (para leitores de tela, deficientes visuais, etc)

Ctrl + Espaço: atalho para escolher as imagens que estão na mesma pasta;

Carregando imagens da mesma pasta, em subpasta ou da internet:

- Carregando uma imagem que está na mesma pasta:

<img src="logo-html.png" alt="Logo HTML5">

- Carregar imagens que estão em subpastas: (Subpasta/NomeDoArquivo)

<img src="imagens/logo-css.png" alt="Logo CSS3">

- Carregar imagens externas de sites através de URL (botão direito -> copiar
endereço da imagem)
<img src="URL do endereço da imagem" alt="Logo JavaScript">

sobre recorte de imagem:

Em vez de usar a ferramenta de corte,

que exige ajustar manualmente a área de corte no GIMP,
no menu "Imagem" escolha "Recortar para o conteúdo"
(Image > Crop to content). Os espaços vazios (transparências)
serão eliminados mantendo um retângulo perfeito em torno dos pixels mais distantes
da imagem.
No entanto, se houver qualquer pixel neste espaço supostamente vazio,
não vai funcionar e vai ter que cortar no manual.