Como converter imagens para WebP ao fazer upload no Wordpress.
HTML-код
- Опубликовано: 19 окт 2024
- Vou mostrar como converter imagens para WebP ao fazer upload no wordpress, utilizando o chat gpt para criar o codigo, e o plugin code snippet para alocar o código, sem vc precisar de um plugin especifico para isso.
🔥 NOSSO CURSO DE CROCOBLOCK - SUA MELHOR ESCOLHA 🔥
crocobrasil.co...
🔥 Nosso Site🔥
poolsites.com.br/
🔥Urgente ! Não compre nenhum curso de crocoblock antes de ver este vídeo🔥
• Urgente ! Não compre n...
🔥Licença original da crocoblock- vitalicia🔥
#Crocoblock:
crocoblock.com...
CODIGOS MENCIONADOS NO VÍDEO
CÓDIGO 01
function convert_upload_to_webp($file) {
// Obtém o caminho do arquivo temporário
$file_path = $file['tmp_name'];
$ext = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));
// Se for JPEG ou PNG, converte para WebP
if ($ext === 'jpg' || $ext === 'jpeg' || $ext === 'png') {
// Cria a imagem com base na extensão
$image = ($ext === 'png') ? imagecreatefrompng($file_path) : imagecreatefromjpeg($file_path);
if ($image) {
// Define o novo nome do arquivo WebP
$webp_path = preg_replace('/\.(jpg|jpeg|png)$/i', '.webp', $file_path);
// Converte e salva a imagem como WebP
imagewebp($image, $webp_path);
imagedestroy($image);
// Substitui o arquivo original com o novo WebP
$file['tmp_name'] = $webp_path;
$file['name'] = preg_replace('/\.(jpg|jpeg|png)$/i', '.webp', $file['name']);
$file['type'] = 'image/webp';
}
}
return $file;
}
add_filter('wp_handle_upload_prefilter', 'convert_upload_to_webp');
CÓDIGO 02
function converter_para_webp_automaticamente($file) {
$path = $file['file'];
$info = getimagesize($path);
$ext = $info['mime'];
if ($ext == 'image/jpeg' || $ext == 'image/png') {
$imagem = imagecreatefromstring(file_get_contents($path));
$webp_path = str_replace(array('.jpg', '.jpeg', '.png'), '.webp', $path);
imagewebp($imagem, $webp_path);
imagedestroy($imagem);
$file['file'] = $webp_path;
}
return $file;
}
add_filter('wp_handle_upload', 'converter_para_webp_automaticamente');
🔥MEU CONTEUDO GERA VALOR PARA VOCÊ? você pode retribuir com...
✅um like no vídeo
✅Comentando no vídeo
✅licenças Original do elementor pro me chama no:
(47)992688814 (Apenas para licenças ou duvidas sobre o curso)
Assuntos Relacionados a Crocoblock que vc vai gostar
🔶Sistema de abertura de chamados com Wordpress + CCT
• Sistema de abertura de...
🔶Site de adoção de animais com Dashboard para usuários - template
• Sistema para adoção de...
🔶Site de anúncios completo.
• Site de Anúncios com e...
🔶Site de imobiliaria completo.
• Site de imobiliaria co...
🔶Site de concessionária Completo--
• Site de concessionária...
🔶Site de barbearia --
• Site de barbearia prof...
🔶 Site de tatuagem Completo--
• Site de tatuagem com J...
-------------------xxx------------------
ASSUNTOS RELACIONADOS:
#crocoblock #elementor pro #wordpress #jetengine
imagens em webp,como converter imagens para webp,imagens webp no wordpress,formato de ultima geração,chat gpt,plugin code snippet,código com chat GPT,chat gpt + snippet,como converter imagens para web simples,como salvar imagem webp,otimize imagens como WebP,o melhor formato de imagem,imagens WebP wordpress,elementor pro,crocoblock,sites dinamicos,crocobrasil,wordpress,woocommerce,jpg nunca mais,salve imagens convertidas,Webp format,codigos customizados
Show professor Jean!!! Vou usar essa ideia nos projetos aqui para economizar espaço com as imagens!! Valeu!!!
😁👍
🔥 NOSSO CURSO DE CROCOBLOCK - SUA MELHOR ESCOLHA 🔥
crocobrasil.com.br/
Waaaaaooh c'est super ca passe voilà un grand pas pour mes projets 🖤🙈🙈🖤
👍
QUEBROU UM GALHÃO, MAIS TEM DOIS CÓDIGOS NA DESCREÇÃO, TENHO QUE USAR OS DOIS ???
Ola,nao, apenas um.
que aventura amigo, isso pode fazer você perder muito tempo se aventurando, se souver ler o código pelo menos e saber cada função você passa a função pra ele escrever. imagino quanto tempo isso aconteceu e como essas aventuras podem tomar seu tempo. e mais acil aprender a programar do que mandar chat esrever em portugues e ficar mandando ele arrumar sem saber o erro, 0 sentido isso amigo.
menos de 10 minutos escrevi esse código que tem a mesma função e ainda bloqueia de acção o usupario, alem de estar direto no tema sem anecessidade de plugins. Sugiro aprender o básico pra pedir s camando cert ao chat e otimizar seu tempo amigo,
// Função para converter imagens para WebP e reduzir tamanho
function convert_and_optimize_images($file) {
$info = getimagesize($file);
$quality = 70; // Redução de 30%
if ($info['mime'] == 'image/jpeg')
$image = imagecreatefromjpeg($file);
elseif ($info['mime'] == 'image/png')
$image = imagecreatefrompng($file);
elseif ($info['mime'] == 'image/svg+xml')
return; // SVG não precisa de otimização
else
return;
// Redimensionar para 70% do tamanho original
$width = imagesx($image) * 0.7;
$height = imagesy($image) * 0.7;
$new_image = imagecreatetruecolor($width, $height);
imagecopyresampled($new_image, $image, 0, 0, 0, 0, $width, $height, imagesx($image), imagesy($image));
// Salvar como WebP
$new_file = preg_replace('/\.(jpg|jpeg|png)$/', '.webp', $file);
imagewebp($new_image, $new_file, $quality);
imagedestroy($image);
imagedestroy($new_image);
// Substituir arquivo original pelo WebP
unlink($file);
rename($new_file, $file);
}
// Gancho para processar imagens após o upload
add_filter('wp_handle_upload', function($file) {
convert_and_optimize_images($file['file']);
return $file;
});
// Função para adicionar scripts de proteção ao cabeçalho
function add_protection_scripts() {
?>
// Desabilitar clique direito
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
alert('Esta imagem está protegida por direitos autorais.');
});
// Desabilitar print screen
document.addEventListener('keyup', function(e) {
if (e.key == 'PrintScreen') {
navigator.clipboard.writeText('');
alert('Print screen desativado!');
}
});
// Desabilitar DevTools
document.addEventListener('keydown', function(e) {
if ((e.ctrlKey && e.shiftKey && e.keyCode == 73) || // Ctrl+Shift+I
(e.ctrlKey && e.shiftKey && e.keyCode == 74) || // Ctrl+Shift+J
(e.keyCode == 123)) { // F12
e.preventDefault();
alert('Esta ação não é permitida.');
}
});
// Desabilitar seleção de texto
document.addEventListener('selectstart', function(e) {
e.preventDefault();
});
gratidão pelo comentário, se eu fosse mais novo tentaria sim estudar programação, mais hoje em dia se eu fosse alocar horas em alguma coisa, seria no ingles, que faria mais sentido pra mim.rs
@@crocobrasil poxa amigo, 30 minutos por dia estudando as principais funções do php pra te ajudar no scrip cm chat gpt, em mens de 6 meses esta dando o comando ao chat super diferente, sério amigo
Tudo é questão de prioridade mesmo, com o que você quer pro futuro e o que vc se vê fazendo.hehe, seja 10,20,30 minutinhos eu ainda alocaria tudo em um novo canal ou em Inglês, quem sabe o dia em que eu souber inglês e esta falando ai sim,é outra historia.