Smart CDN OptiPic
CDN OptiPic — solução simples para o problema "Servir imagens em formatos de última geração"
Conversa inteligente do WebP em tempo real
O que OptiPic CDN faz ao tentar solicitar uma imagem dele:
- Retorna a versão WebP da imagem.
se o navegador for compatível com o formato WebP - Retorna uma versão compactada sem webp
se o navegador não suporta WebP - Torna responsivo a telas de dispositivos móveis
se a imagem for aberta de um celular - Armazena em cache e acelera o carregamento
reduzindo a carga de sua hospedagem - Protege
suas imagens
preservando direitos autorais por tags EXIF e IPTC - Use seu próprio
nome de domínio
para carregar imagens de img.domain.com, etc - Carregamento lento de imagens
As imagens são carregadas à medida que a página rola
A conversão para Webp e a compactação da imagem ocorrem em segundo plano e não retarda a abertura das imagens no navegador.
Se a versão otimizada ainda não estiver pronta no momento da solicitação da imagem, a versão original é devolvida sem nenhum processamento.
Se a versão otimizada ainda não estiver pronta no momento da solicitação da imagem, a versão original é devolvida sem nenhum processamento.
O que obtém otimização de imagens no site
- Acelerando
o site - Melhorando
SEO - Aumento
da conversão - Aumento do Google
Pagespeed Insights
Como funciona o CDN OptiPic?
Converte para WebP - o formato de imagem de última geração Resolve o problema de "Veicular imagens em formatos de última geração" no Google Pagespeed Insights
Se um visitante de seu site usar um navegador que suporte o formato WebP, o CDN fornecerá a ele exatamente as versões WebP das imagens (as versões WebP são geradas automaticamente no Lado CDN).
Por que vale a pena usar o WebP?
Usar Webp resolve o problema "Usar formatos de imagem modernos" no Google Pagespeed Insights.
Resumindo, o WebP compacta o arquivo melhor, todas as outras coisas sendo iguais, do que os formatos mais antigos (png e jpeg) - o que significa que ocupa menos espaço na hospedagem e carrega mais rápido no navegador ao visualizar a página.
A implementação do WebP é ativamente promovida pelo Google - eles fornecem essas estatísticas:
- WebP compacta imagens sem perdas 26% melhor do que PNG.
- WebP compacta imagens com perdas melhor do que JPEG em 25-34% com o mesmo índice de similaridade estrutural (SSIM)
- WebP suporta transparência sem perdas (conhecida como alfa) com um aumento de tamanho de apenas 22%.
Comprime imagens
Se o navegador do visitante não for compatível com Webp, o visitante receberá as imagens no formato original (png / jpeg), mas pré-compactado / otimizado.
Adaptado para telefones celulares
Se o visitante abrir o site a partir de um celular, as imagens não são apenas compactadas ou convertidas automaticamente para Webp, mas também reduzidas automaticamente em largura (para agilizar ainda mais o download das imagens na internet móvel)
Armazena em cache e acelera o carregamento
As imagens não serão convertidas, otimizadas e compactadas em tempo real sempre que houver solicitação. Todos esses procedimentos serão realizados pelo CDN uma vez para a imagem solicitada. Em segundo plano, para não atrasar a entrega das imagens ao visitante do seu site.
Como conectar o CDN OptiPic?
Opção #1: Use o plugin para o seu CMS
ou
basta inserir o url do seu site
iremos detectar automaticamente o CMS e oferecer um módulo de integração adequado
Opção #2: Conexão universal por meio de PHP (biblioteca GitHub)
Os URLs das imagens no site mudam automaticamente. Basta adicionar 1 linha ao seu
.htaccess ou php.ini.Exemplo de conexão via .htaccess
php_value auto_prepend_file "<SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php"
Exemplo de conexão via php.ini
; Automatically add files before PHP document. ; http://php.net/auto-prepend-file auto_prepend_file = <SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php
Documentação e exemplos de nossa biblioteca php no GitHub
Obtenha ajuda gratuita para se conectar
Verifique se a imagem está carregando via OptiPic CDN
CDN: conversor de URL para imagens em documentos
Obtenha ajuda gratuita para se conectar
Verifique se a imagem está carregando via OptiPic CDN
CDN: conversor de URL para imagens em documentos
Biblioteca no GitHub
integração gratuita a pedido
Opção #3: Conexão universal através do proxy Nginx
URLs de imagens no site não mudam. Agora, todo o tráfego de imagens segue automaticamente para o OptiPic CDN
# OptiPic CDN: insert it into the Server structure
location ~* \.(png|jpg|jpeg)$ {
resolver 8.8.8.8; # Google DNS
set $cdn_host_value "cdn.optipic.io";
set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
if ($arg_no_optipic) {
set $from_optipic "no";
set $cdn_host_value $host;
}
proxy_redirect off;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $cdn_host_value;
if ($from_optipic = "yes") {
rewrite ^/(.*) /site-XXXXXX/$1 break;
proxy_pass http://$cdn_host_value;
}
# get-param ?no_optipic=1 - get image from your hosting directly (without CDN OptiPic)
try_files $uri 404;
}
XXXXXX — ID do seu site em sua conta CDN OptiPicÉ altamente recomendável que você verifique a correção da nova versão da configuração antes de reinicializar o nginx. Você pode fazer isso com o comando
nginx -t. Soft reload (re-ler as configurações) Nginx pode ser por comando
nginx -s reloadDocumentação do proxy Nginx
Obtenha ajuda gratuita para se conectar
Verifique se a imagem está carregando via OptiPic CDN
Obtenha integração gratuita
mesmo com tarifa grátis
Opção #4: Conexão via .htaccess (proxy do Apache)
URLs de imagens no site não mudam. Agora, todo o tráfego de imagens segue automaticamente para o OptiPic CDN
#---------------------------------------
# OptiPic CDN
# Requires enabled Apache modules: `rewrite`, `proxy_module` and `proxy_http_module`
# Add new 'IfModule mod_rewrite.c' block or inject into exist one
# Get support: https://optipic.io/get-free-help/?cdn=1
<IfModule mod_rewrite.c>
RewriteEngine On
SSLProxyEngine On
RewriteCond %{QUERY_STRING} !no_optipic=
RewriteRule "^(.*)\.(jpg|jpeg|png)$" "http://cdn.optipic.io/site-XXXXXX/$1.$2" [P]
</IfModule>
#----------------------------------------
XXXXXX — ID do seu site em sua conta CDN OptiPicAntes de modificar
.htaccess, recomendamos fortemente que você faça um backup do arquivo e certifique-se de ter acesso FTP ao arquivo.Obtenha ajuda gratuita para se conectar
Verifique se a imagem está carregando via OptiPic CDN
Obtenha integração gratuita
mesmo com tarifa grátis
Opção #5: Basta alterar a URL das imagens do seu site!
Foi
não otimizado
<img src="/upload/foo/bar/image.png">
Tornou-se
otimizado automaticamente
<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — ID do seu site em sua conta CDN OptiPic
Comece agora com o pacote GRATUITO
Garantia de qualidade (política de reembolso)
Se você não estiver satisfeito com sua compra, você pode entrar em contato conosco dentro de 30 dias a partir da data da compra. Se houver motivos para isso, reembolsaremos o custo total ou parcial de sua compra.
Pagamento único — sem mensalidades
O pacote adquirido não queima no final do mês - é vantajoso adquiri-lo com vários meses de antecedência
Você paga por visualizações de imagens CDN. O custo total de uso depende da quantidade de tráfego para seu site. Em média, isso é de US $ 1,5 por 1.000.000 de visualizações de imagens.
A primeira demonstração de visualizações 10,000 é gratuita.
A primeira demonstração de visualizações 10,000 é gratuita.
WordPress 
Joomla 
Bitrix 
OpenCart 
Drupal 
Magento 
OkayCMS 
PrestaShop 
Yii 
Laravel 
Symfony 
Zend Framework 
MODx 
AMIRO.CMS 
CakePHP 
CodeIgniter 
CS-Cart 
CubeCart 
DataLife Engine 
DIAFAN.CMS 
FuelPHP 
HostCMS 
InstantCMS 
Jigoshop 
NetCat 
osCommerce 
Phalcon 
PHPixie 
RokQuickCart 
Shop-Script 
Simpla 
SiteEdit 
Slim 
TomatoCart 
Ubercart 
UMI.CMS 
VirtueMart 
WooCommerce 
X Cart 
Zen Cart 
Zeuscart 
Piwigo 
AdvantShop 
AFCommerce