Smart CDN OptiPic

Name: Módulo para CMS. Conversão inteligente para WebP e otimização de imagens no site de acordo com os requisitos do Google PageSpeed Insights
Brand: OptiPic
SKU: OptiPic CDN
Price: 7 USD
Availability: InStock
Rating: 4.71 (189 reviews)

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.

Saiba mais sobre como conectar

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

Por favor, aguarde. O site está sendo analisado.

Em breve você será redirecionado para a página de resultados da verificação.

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

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 reload
Documentaçã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 OptiPic
Antes 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.

10,000
Visualizações

grátis

Experimente Como escolher um pacote?

1,000,000
Visualizações

US$ 10,00 US$ 7,00

Comprar Como escolher um pacote?

2,000,000
Visualizações

US$ 14,00 US$ 10,00

Comprar Como escolher um pacote?

5,000,000
Visualizações

US$ 24,00 US$ 18,00

Comprar Como escolher um pacote?

10,000,000
Visualizações

US$ 40,00 US$ 30,00

Comprar Como escolher um pacote?

20,000,000
Visualizações

US$ 74,00 US$ 55,00

Comprar Como escolher um pacote?

50,000,000
Visualizações

US$ 165,00 US$ 123,00

Comprar Como escolher um pacote?

80,000,000
Visualizações

US$ 235,00 US$ 176,00

Comprar Como escolher um pacote?

100,000,000
Visualizações

US$ 282,00 US$ 211,00

Comprar Como escolher um pacote?

Ver todos os pacotes

OptiPic suporta todos os CMS e frameworks populares

Por que nos escolher?

189 avaliações

I really like this product! It has all the necessary functions for the appropriate image compression keeping the same image quality and there is no server load. For a user it looks like this – install it and you can forget about it. Google and users enjoy the site’s speed. I do recommend it.

Excellent product. It compresses images well and doesn’t worsen their quality. I recommend it.

I hesitated before buying this product. Should I try it or not? I shouldn’t have waited. It’s certainly worth it. I used to have 2 GGb of images, now I have only 400 MB of them. It has provided me with almost 90% compression. It has resized all the images which I didn’t feel like doing myself. The settings can be customized. They have great customer support. They respond immediately with all the necessary help. They are said to be planning to upgrade the product with some improved features. To keep it short – I recommend it. Developers, thank you very much!

Saves a lot of time. Significantly accelerates the the site loading. Those who target for optimization will appreciate it. I recommend it

I was pleasantly surprised by this solution. Easy to set up and manage. I've been looking for something like that for a long time. Developers thank you so much !!!

Leia todos os comentários

Smart CDN OptiPic

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

Comprime imagens

Adaptado para telefones celulares

Armazena em cache e acelera o carregamento

Como conectar o CDN OptiPic?

Opção #1: Use o plugin para o seu CMS

basta inserir o url do seu site

Opção #2: Conexão universal por meio de PHP (biblioteca GitHub)

Exemplo de conexão via .htaccess

Exemplo de conexão via php.ini

Opção #3: Conexão universal através do proxy Nginx

Opção #4: Conexão via .htaccess (proxy do Apache)

Opção #5: Basta alterar a URL das imagens do seu site!

Foi não otimizado

Tornou-se otimizado automaticamente

Comece agora com o pacote GRATUITO

Pagamento único — sem mensalidades

OptiPic suporta todos os CMS e frameworks populares

Por que nos escolher?

Contacte-nos para obter uma consulta gratuita

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

Exemplo de conexão via `.htaccess`

Exemplo de conexão via `php.ini`

Opção #4: Conexão via `.htaccess` (proxy do Apache)

Foi
não otimizado

Tornou-se
otimizado automaticamente