Вставить картинку как фон h1, и затемнить в css ?

В h1 лучше не делать фон, лучше обернуть его в div и в этом div вставлять фон. Фон ставится примерно так:

body, html {
  height: 100%;
  margin: 0;
}

.background-cls {
  /* Путь картинки сюда задается */
  background-image: url("img_example.jpg");

  height: 100%; 

  /* Выравнивание картинки */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

От сюда:

/ru/qa/kak-sdelat-tak-cto-by-na-fone-sajta-byla-fotografia-kd0fpe/

Спасибо, а как засунуть в фон ссылку не из http, а из каталога, типо img/logo.jpg?

И как затемнить фон картинку?

Не очень понял про ссылку http вопрос.  Там любая может быть картинка, хоть локальная, хоть из интернета http. Если картинка лежит в корне проекта (папка img) и называется картинка logo.jpg, тогда вот так:

background-image: url("img/logo.jpg");

Спасибо за ответ. Все так делаю, не хочет появляться и все (((

Появился только когда в сам класс добавил.

<div class="header" style="background-image: url(img/logo.jpg)">

Из CSS  не получалось.