WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Формат Webp, поддержка для Safari, ios

Загружаю в WordPress изображения в формате .webp

Как сделать что бы пользователи Safari, ios могли видеть их на моем сайте?

Заметки к вопросу:
Otshelnik-Fm 16 Фев. 2020

конвертируй в jpg|png

0
Илья
15 февраля 2020
  • 0
    kolshix615 paxtoy.com

    вроде бы же указано что браузеры от apple формат держат , в чем тогда проблема
    https://developer.mozilla.org/ru/docs/Web/HTML/Element/picture

    ??

    я на всякий случай сделал поддержку для старых браузеров, на сайте генерируется 2 одинаковых размера, один webp, другой jpg - а дальше логика из кода ниже

    // browser Check
      $user_agent = $_SERVER["HTTP_USER_AGENT"];
      if (strpos($user_agent, "Firefox") !== false) $browser = "Firefox";
      elseif (strpos($user_agent, "Opera") !== false) $browser = "Opera";
      elseif (strpos($user_agent, "Chrome") !== false) $browser = "Chrome";
      elseif (strpos($user_agent, "MSIE") !== false) $browser = "Internet Explorer";
      elseif (strpos($user_agent, "Safari") !== false) $browser = "Safari";
      elseif (strpos($user_agent, "Konqueror") !== false) $browser = "Konqueror";
      elseif (strpos($user_agent, "SeaMonkey") !== false) $browser = "SeaMonkey";
      elseif (strpos($user_agent, "Iceweasel") !== false) $browser = "Debian Iceweasel";
    
    //    else $browser = "Неизвестный";
    //    echo "Ваш браузер: $browser";
    
    if  ($browser == "Chrome" || $browser == "Opera" ){
    	if ( isset( $metadata['sizes']['medium_webp'] ) ){ // проверка наличия размера "medium_webp" 
    		echo '<img 
    				width="'.$metadata["sizes"]["medium_webp"]["width"] .'" 
    				height="'.$metadata["sizes"]["medium_webp"]["height"].'"
    				src="'.wp_get_attachment_image_url($thumb_id , "medium_webp" ).'" 
    				class="archive-image wp-post-image" 
    				alt="">';                            
    	}else{                          
    		the_post_thumbnail( $MetaValue , array( 'class'   => 'archive-image', 'alt'   => '' ));         
    	}
    }else{                      
    	the_post_thumbnail( $MetaValue , array( 'class'   => 'archive-image', 'alt'   => ''  ));            
    }
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация