Witam,
dość nietypowy problem.
Chcę umieścić link na Facebook`u tyczący się pewnej strony. Niestety miniaturka która się podpowiada dotyczy nie tego zdjęcia które chciałbym aby w tej miniaturce było. Podpowiada się zdjęcie które jest zadeklarowane w kodzie w pliku index.html w następujący sposób:

[PHP] pobierz, plaintext 
<img src="assets/images/zdjecie.png" alt="zdjecie"/>
[PHP] pobierz, plaintext 

Chciałbym natomiast aby podpowiadało się zdjęcie które w css zadeklarowane jest następująco:

[PHP] pobierz, plaintext 
#home {
	background: url(../assets/images/man.jpg);
}
[PHP] pobierz, plaintext 

Widać, FB zasysa do miniaturki pierwsze zdjęcie które napotka na głównej stronie w tagu img.
Jak to obejść?
Wyłączyłem zdjęcie man.jpg z CSS i wrzuciłem je bezpośrednio do index.php ale niestety zdjęcie mi się rozjeżdża. Dodatkowo nałożony jest na nie filtr dla fajnego efektu widoku który też jest na bazie innej grafiki w css:

[PHP] pobierz, plaintext 
.home-overlay {
    background-color: rgba(44, 62, 80, 0.3);
    background-image: url("../images/pattern.png");
}
[PHP] pobierz, plaintext 

Macie jakieś pomysły?

Pomyślałem żeby wrzucić to zdjęcie na stronę główną już z tym filtrem o którym wspomniałem (print-screen zdjęcia strony głównej strony) ale w taki przypadku chciałbym ustawić je na disable. Da się tak zrobić?

EDIT ROZWIĄZANIE PROBLEMU

1. Jeśli na zdjęcie masz nałożony jakiś filtr, proponuję:
1.1 otworzyć swoją stronę,
1.2 zrobić print screen widoku strony,
1.3 plik zapisać jako jpg,
1.4 zamieścić plik na swoim serwerze
2. umieścić następujący kod na swojej stronie:

[PHP] pobierz, plaintext 
<meta property="og:image" content="http://www.nazwadomeny.pl/pelna_sciezka_do_zdjecia/fb_share.jpg"/>
[PHP] pobierz, plaintext 

3. wejść na stronę: https://developers.facebook.com/tools/debug/og/object/ i odświeżyć miniaturkę swojej strony

gotowe od tej pory w miniaturce na FB będzie pojawiać się zdjęcie które umieściłeś w tym celu na serwerze.

A na przyszłość to zapoznaj się ze wszystkimi tagami Open Graph