Zaloguj się, aby obserwować  
mojeprogramy.com

img - usuń width i height

Polecane posty

<img class="alignnone size-full wp-image-4680" src="http://xxxxxx.com/wp-content/uploads/2018/11/notepad-mass.png" alt="" width="946" height="426">

- we wszystkich wpisach są obrazki

- chę usunac parametry  width i height

- zadna wtyczka typu Regex nei działa, choć powinna

 

height=[0-9]{3}"


Polecam dobre darmowe programy których używam na co dzień. InternetSpeedTest.pl - speed test wszelaki oraz directX.pl - directx 9, 10, 11, 12

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
54 minuty temu, mojeprogramy.com napisał:

zadna wtyczka typu Regex nei działa, choć powinna

 

height=[0-9]{3}"

A jak to ma działać skoro Masz błędnie zdefiniowane wyrażenie regularne :gafa:


:zdziwko: Masz lęk wysokości to nie oglądaj !

HTTP 200 usługi IT - Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Node.js / MySQL :chatownik:

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
$html = '<img class="alignnone size-full wp-image-4680" src="http://xxxxxx.com/wp-content/uploads/2018/11/notepad-mass.png" alt="" width="946" height="426">';
$dom = new DOMDocument;
$dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
$xpath = new DOMXPath($dom);
foreach ($xpath->query('//img') as $img) {
	$img->removeAttribute('height');
	$img->removeAttribute('width');
}

$html2 = $dom->saveHTML();
echo'<pre>',var_dump($html2),'</pre>';

 


Tani hosting z darmowym certyfikatem SSL HEXCORE

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
17 minut temu, mojeprogramy.com napisał:

- ale i tak nie działa

A to feler :blink:


$htmlimg = '<img class="alignnone size-full wp-image-4680" src="https://via.placeholder.com/350x150" alt="" width="946" height="426">';
$htmlimg = preg_replace('#((width|height)="([0-9]+)")#', "", $htmlimg);
echo $htmlimg ;
// <img class="alignnone size-full wp-image-4680" src="https://via.placeholder.com/350x150" alt="" >

 


:zdziwko: Masz lęk wysokości to nie oglądaj !

HTTP 200 usługi IT - Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Node.js / MySQL :chatownik:

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Testował ktoś czy width i height w img ma jakiś wpływ na SEO ? Wymiary te są przydatne przeglądarkom podczas ładowania strony (rezerwacja przestrzeni), jednak czy z punktu widzenia SEO są jakieś zależności ?


Wdrożenia sklepów Prestashop: www.selljus.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Napisano (edytowany)

@mojeprogramy.com Nie powiedziałeś nic, że jest to WordPress :)

 

Do pliku function wrzuć to:

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );

function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}

 

@Presta Są zależności. Na komórkach za pomocą tych parametrów możesz wyświetlać zdjęcie przeskalowane, a więc zdjęcie może być za duże względem obszaru. W ten sposób ładujesz namiarową wagę zdjęcia.

Edytowano przez ar4

DAMTOX.PL - pozycjonowanie stron!

StolicaZdrowia.pl - Portal o zdrowiu

Polecam hosting (bez reflinka) - whosting.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

@ar4 Bez wymiarów również dostosuje się do ekranu - w sposób proporcjonalny, jeśli o tym mówisz. Bardziej pod kątem SEO się zastanawiam.


Wdrożenia sklepów Prestashop: www.selljus.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Chodzi mi o to, że jak masz większe zdjęcie niż obszar to masz nadmiarowe dane (kb).


DAMTOX.PL - pozycjonowanie stron!

StolicaZdrowia.pl - Portal o zdrowiu

Polecam hosting (bez reflinka) - whosting.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

1.  Piszę w dziale WordPress, wiec tego dotyczy pytanie ;)

2. Dodałem do function i nic nie działa

dalej w kodzie strony w content z <img src="https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot.jpeg" alt="" width="1280" height="962" class="alignnone size-full wp-image-4783" />

generuje

 

<img class="alignnone size-full wp-image-4783" src="https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot.jpeg" alt="" srcset="https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot.jpeg 1280w, https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot-300x225.jpeg 300w, https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot-768x577.jpeg 768w, https://mojeprogramy.com/wp-content/uploads/2019/03/chatbot-1024x770.jpeg 1024w" sizes="(max-width: 1280px) 100vw, 1280px" height="962" width="1280">

 


Polecam dobre darmowe programy których używam na co dzień. InternetSpeedTest.pl - speed test wszelaki oraz directX.pl - directx 9, 10, 11, 12

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
3 godziny temu, mojeprogramy.com napisał:

Dodałem do function i nic nie działa

Więc przestań robić na oślep na zasadzie kopiuj > wklej i zacznij robić świadomie, to będzie działać  :chatownik:
 


:zdziwko: Masz lęk wysokości to nie oglądaj !

HTTP 200 usługi IT - Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Node.js / MySQL :chatownik:

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.