{"id":3310,"date":"2024-04-26T05:30:54","date_gmt":"2024-04-26T09:30:54","guid":{"rendered":"https:\/\/www.ifoto.ai\/blog\/?p=3310"},"modified":"2024-06-05T02:08:21","modified_gmt":"2024-06-05T06:08:21","slug":"optimizing-shopify-product-images-videos-and-3d-models","status":"publish","type":"post","link":"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/","title":{"rendered":"Um guia abrangente para otimizar imagens, v\u00eddeos e modelos 3D de produtos do Shopify"},"content":{"rendered":"<p>Este artigo aborda a configura\u00e7\u00e3o e o upload de imagens de produtos no Shopify. Ap\u00f3s a atualiza\u00e7\u00e3o do sistema, a se\u00e7\u00e3o para upload de imagens de produtos foi renomeada para \u201cM\u00eddia\u201d, o que significa que agora voc\u00ea pode n\u00e3o apenas fazer upload de imagens de produtos, mas tamb\u00e9m de v\u00eddeos e modelos 3D, oferecendo mais maneiras de exibir produtos. No entanto, o objetivo final continua o mesmo: converter tr\u00e1fego em pedidos.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_66_1 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" >\u00cdndice<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabela de conte\u00fado\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Alternar<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6d58fb;color:#6d58fb\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6d58fb;color:#6d58fb\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Recommended_Image_Formats_by_Shopify_%E2%80%93_JPG_or_PNG\" title=\"Formatos de imagem recomendados pela Shopify \u2013 JPG ou PNG\">Formatos de imagem recomendados pela Shopify \u2013 JPG ou PNG <\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#JPG_Format_Images\" title=\"Imagens em formato JPG \">Imagens em formato JPG <\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#PNG_Format_Images\" title=\"Imagens em formato PNG \">Imagens em formato PNG <\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#The_recommended_product_image_size_dimensions_and_proportions_by_Shopify\" title=\"Tamanho, dimens\u00f5es e propor\u00e7\u00f5es de imagem do produto recomendados pela Shopify:\">Tamanho, dimens\u00f5es e propor\u00e7\u00f5es de imagem do produto recomendados pela Shopify:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Shopifys_restrictions_on_image_files\" title=\"Restri\u00e7\u00f5es da Shopify em arquivos de imagem\">Restri\u00e7\u00f5es da Shopify em arquivos de imagem<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#How_to_control_image_file_size_while_maintaining_image_quality_as_much_as_possible\" title=\"Como controlar o tamanho do arquivo de imagem mantendo a qualidade da imagem o m\u00e1ximo poss\u00edvel\">Como controlar o tamanho do arquivo de imagem mantendo a qualidade da imagem o m\u00e1ximo poss\u00edvel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Shopifys_Automatic_Compression_and_Conversion_of_Images\" title=\"Compress\u00e3o e convers\u00e3o autom\u00e1tica de imagens da Shopify\">Compress\u00e3o e convers\u00e3o autom\u00e1tica de imagens da Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Selecting_Scene_Images_as_the_Main_Images_for_Shopify_Products\" title=\"Selecionando imagens de cena como imagens principais para produtos Shopify\">Selecionando imagens de cena como imagens principais para produtos Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Properly_Naming_Product_Image_Files\" title=\"Nomeando corretamente os arquivos de imagem do produto\">Nomeando corretamente os arquivos de imagem do produto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Filling_in_the_ALT_Attribute_for_Shopify_Product_Images\" title=\"Preenchendo o atributo ALT para imagens de produtos do Shopify\">Preenchendo o atributo ALT para imagens de produtos do Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Googles_Official_Recommendations_for_Product_Image_Optimization\" title=\"Recomenda\u00e7\u00f5es oficiais do Google para otimiza\u00e7\u00e3o de imagens de produtos\">Recomenda\u00e7\u00f5es oficiais do Google para otimiza\u00e7\u00e3o de imagens de produtos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Modify_the_Main_Image_of_the_Shopify_Product_Page\" title=\"Modificar a imagem principal da p\u00e1gina do produto Shopify\">Modificar a imagem principal da p\u00e1gina do produto Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Uploading_Product_Videos_to_Shopify\" title=\"Carregando v\u00eddeos de produtos para o Shopify\">Carregando v\u00eddeos de produtos para o Shopify<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Upload_videos_to_Shopify_or_embed_YouTubeVimeo_videos\" title=\"Carregue v\u00eddeos no Shopify ou incorpore v\u00eddeos do YouTube\/Vimeo\">Carregue v\u00eddeos no Shopify ou incorpore v\u00eddeos do YouTube\/Vimeo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Modify_the_Thumbnail_of_the_Shopify_Product_Video\" title=\"Modifique a miniatura do v\u00eddeo do produto Shopify\">Modifique a miniatura do v\u00eddeo do produto Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Using_YouTube_or_Vimeo\" title=\"Usando o YouTube ou o Vimeo\">Usando o YouTube ou o Vimeo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/#Uploading_3D_Models_of_Products_to_Shopify\" title=\"Carregando modelos 3D de produtos para o Shopify\">Carregando modelos 3D de produtos para o Shopify<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"recommended-image-formats-by-shopify-jpg-or-png\"><span class=\"ez-toc-section\" id=\"Recommended_Image_Formats_by_Shopify_%E2%80%93_JPG_or_PNG\"><\/span>Formatos de imagem recomendados pela Shopify \u2013 JPG ou PNG <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Shopify suporta a maioria dos formatos de arquivo de imagem, com PNG, JPEG e GIF sendo os recomendados. Outros formatos de imagem como PSD, TIFF, BMP, HEIC e WebP tamb\u00e9m s\u00e3o suportados. A seguir est\u00e3o os formatos de imagem de produto recomendados pelo Shopify:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jpg-format-images\"><span class=\"ez-toc-section\" id=\"JPG_Format_Images\"><\/span>Imagens em formato JPG <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Imagens JPEG\/JPG s\u00e3o adequadas para exibir imagens est\u00e1ticas relativamente ricas e complexas, como fotos fotografadas. Imagens JPEG\/JPG s\u00e3o ricas em cores e podem manter a qualidade da imagem enquanto garantem o efeito de exibi\u00e7\u00e3o, ou seja, compress\u00e3o sem perdas de imagens. Isso garante tanto o efeito de exibi\u00e7\u00e3o da imagem quanto a velocidade de abertura do site, reduzindo o tamanho do arquivo. No mesmo tamanho de arquivo, a cor das imagens JPG \u00e9 significativamente mais brilhante do que GIF e PNG.<\/p>\n\n\n\n<p>Portanto, tanto a Shopify quanto o autor de \u201c10 Must Know Image Optimization Tips\u201d consideram imagens em formato JPG como a primeira escolha para imagens de produtos em sites de e-commerce independentes. \u201cO melhor tipo de arquivo para imagens de produtos \u00e9 .jpg.\u201d Imagens GIF devem ser evitadas o m\u00e1ximo poss\u00edvel. No entanto, se necess\u00e1rio, voc\u00ea pode criar algumas anima\u00e7\u00f5es GIF para inserir em descri\u00e7\u00f5es de produtos para aumentar a taxa de convers\u00e3o de pedidos, desde que voc\u00ea controle o tamanho das imagens GIF para garantir um bom desempenho do site.<\/p>\n\n\n\n<p>Portanto, imagens JPEG\/JPG s\u00e3o adequadas para imagens de produtos, banners de sites, imagens de carrossel, p\u00e1ginas de sites e imagens de postagens de blog.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"png-format-images\"><span class=\"ez-toc-section\" id=\"PNG_Format_Images\"><\/span>Imagens em formato PNG <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As imagens PNG s\u00e3o o formato ideal para arquivos de \u00edcones gr\u00e1ficos e tamb\u00e9m oferecem suporte \u00e0 transpar\u00eancia, o que as torna adequadas para imagens como logotipos em sites e arquivos de \u00edcones sociais.<\/p>\n\n\n\n<p>Imagens no formato WebP Ao criar imagens de produtos, n\u00e3o h\u00e1 necessidade de criar deliberadamente arquivos no formato WebP para upload no Shopify. O servi\u00e7o Imagery do Shopify exibir\u00e1 automaticamente as imagens no melhor formato dispon\u00edvel com base no navegador suportado pelo cliente.<\/p>\n\n\n\n<p>Por exemplo, se abrirmos qualquer p\u00e1gina de um site da Shopify usando o navegador Google Chrome, a Shopify substituir\u00e1 automaticamente todas as imagens em formato JPG naquela p\u00e1gina por imagens em formato \u201cWebP\u201d. Se voc\u00ea visitar a mesma p\u00e1gina usando um navegador que n\u00e3o suporta o formato \u201cWebP\u201d, como o navegador IE, todas as imagens naquela p\u00e1gina ainda estar\u00e3o no formato JPG. O motivo pelo qual a Shopify converte automaticamente as imagens para o formato JPG ou WebP \u00e9 que esses tipos de arquivos podem obter otimiza\u00e7\u00e3o em termos de renderiza\u00e7\u00e3o de cores e tamanho do arquivo, que \u00e9 a velocidade de abertura. Todo o processo \u00e9 conclu\u00eddo pela Shopify, e n\u00e3o precisamos fazer nada.<\/p>\n\n\n\n<p>WebP \u00e9 um formato de imagem desenvolvido pelo Google para acelerar o carregamento de imagens. O tamanho compactado da imagem \u00e9 cerca de 2\/3 do JPEG, o que pode economizar muita largura de banda do servidor e espa\u00e7o de dados. Ele pode reduzir o tamanho dos recursos de carregamento de imagem, economizar recursos de tr\u00e1fego do usu\u00e1rio e reduzir os recursos de tr\u00e1fego do servidor. Por ser um servi\u00e7o desenvolvido pelo Google, sua compatibilidade n\u00e3o \u00e9 t\u00e3o abrangente. No entanto, n\u00e3o precisamos nos preocupar com isso, pois o Shopify decidir\u00e1 automaticamente se exibir\u00e1 imagens no formato JPG ou imagens no formato Webp com base no ambiente do navegador do cliente.<\/p>\n\n\n\n<p>Podemos tentar abrir nossa p\u00e1gina de produto com o navegador Google Chrome e, ent\u00e3o, baixar uma imagem. Normalmente, o formato de arquivo salvo padr\u00e3o \u00e9 WebP, mesmo que o formato da imagem que carregamos seja JPG ou PNG.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-recommended-product-image-size-dimensions-and-proportions-by-shopify\"><span class=\"ez-toc-section\" id=\"The_recommended_product_image_size_dimensions_and_proportions_by_Shopify\"><\/span>Tamanho, dimens\u00f5es e propor\u00e7\u00f5es de imagem do produto recomendados pela Shopify:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O tamanho ideal da imagem do produto \u00e9 2048 x 2048 pixels.<\/li>\n\n\n\n<li>O tamanho ideal da imagem n\u00e3o deve exceder 200 KB.<\/li>\n<\/ul>\n\n\n\n<p>N\u00e3o \u00e9 necess\u00e1rio que o tamanho da imagem seja quadrado. Por exemplo, as imagens de produtos no site da Fashion Nova s\u00e3o todas retangulares com propor\u00e7\u00f5es de aspecto consistentes. Esse efeito de exibi\u00e7\u00e3o pode ser melhor, especialmente para roupas, pois pode preencher a tela inteira de um telefone celular. Quando voc\u00ea abre o link do produto, a tela inteira exibe a imagem do produto, o que cria um impacto visual muito melhor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg\" alt=\"tamanho de imagem do produto recomendado\" class=\"wp-image-3312\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg 800w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image-300x146.jpg 300w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image-768x373.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Quanto maior a contagem de pixels de uma imagem de produto, mais n\u00edtida ela aparecer\u00e1. No entanto, contagens de pixels maiores geralmente significam arquivos de imagem maiores, o que pode tornar o carregamento do site mais lento. Portanto, \u00e9 preciso encontrar um equil\u00edbrio entre a contagem de pixels e o tamanho do arquivo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"shopify-s-restrictions-on-image-files\"><span class=\"ez-toc-section\" id=\"Shopifys_restrictions_on_image_files\"><\/span>Restri\u00e7\u00f5es da Shopify em arquivos de imagem<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Imagens carregadas em um site da Shopify t\u00eam limita\u00e7\u00f5es tanto em dimens\u00f5es de pixel quanto em tamanhos de arquivo. Qualquer arquivo que exceda os seguintes limites exibir\u00e1 um erro quando carregado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Limite de dimens\u00e3o de pixel: <strong>4472 x 4472<\/strong>, 20 milh\u00f5es de pixels (o produto da largura da imagem e dos pixels de altura)<\/li>\n\n\n\n<li>Limite de tamanho de arquivo: <strong>20MB<\/strong><\/li>\n\n\n\n<li>O n\u00famero de imagens de produtos para um \u00fanico produto n\u00e3o pode exceder <strong>250<\/strong> imagens.<\/li>\n\n\n\n<li>A Shopify recomenda dimens\u00f5es de imagem do produto de <strong>2048 x 2048<\/strong> p\u00edxeis.<\/li>\n<\/ul>\n\n\n\n<p>Para alcan\u00e7ar <a href=\"https:\/\/www.ifoto.ai\/photo-enhancer\">fotos de alta qualidade<\/a>, podemos precisar usar <a href=\"https:\/\/www.ifoto.ai\">ferramentas de edi\u00e7\u00e3o de imagem<\/a> para otimiz\u00e1-las e redimension\u00e1-las para a web. Imagens maiores podem levar a tempos de carregamento de p\u00e1gina mais lentos. O tamanho ideal da imagem n\u00e3o deve exceder 200 KB, e quanto menor, melhor. <\/p>\n\n\n\n<p>Ao compactar imagens, tome cuidado para n\u00e3o compact\u00e1-las excessivamente, pois isso pode causar o aparecimento de manchas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"310\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-1.jpg\" alt=\"compactando imagens do shopify\" class=\"wp-image-3313\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-1.jpg 745w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-1-300x125.jpg 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-control-image-file-size-while-maintaining-image-quality-as-much-as-possible\"><span class=\"ez-toc-section\" id=\"How_to_control_image_file_size_while_maintaining_image_quality_as_much_as_possible\"><\/span>Como controlar o tamanho do arquivo de imagem mantendo a qualidade da imagem o m\u00e1ximo poss\u00edvel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Voc\u00ea pode ter ouvido que se um site n\u00e3o abre em 3 segundos em um computador desktop, muitas pessoas optam por sair; em dispositivos m\u00f3veis, esse tempo aumenta para 5 segundos. De acordo com um estudo de dados da Amazon, se o site deles carrega 1 segundo mais devagar, eles perdem aproximadamente $1,6 bilh\u00f5es em vendas por ano. No algoritmo de classifica\u00e7\u00e3o do Google, a velocidade de carregamento do site tamb\u00e9m \u00e9 um dos fatores importantes para alcan\u00e7ar uma classifica\u00e7\u00e3o mais alta.<\/p>\n\n\n\n<p>Portanto, se o seu site carregar lentamente, a maioria das pessoas escolher\u00e1 fechar a p\u00e1gina antes que ela termine de carregar, o que significa que n\u00e3o haver\u00e1 convers\u00e3o para pedidos. Embora o Shopify use v\u00e1rias tecnologias de acelera\u00e7\u00e3o de p\u00e1gina da web, como tecnologia CDN e tecnologia de compress\u00e3o de imagem, se o seu site precisar carregar muitos arquivos grandes, como as imagens de banner de 2 MB comumente usadas e imagens de produtos grandes, esses ainda ser\u00e3o fatores importantes que afetam a velocidade de carregamento do site.<\/p>\n\n\n\n<p>Portanto, \u00e9 recomendado controlar o tamanho dos arquivos de imagem enquanto garante a qualidade da imagem. Existem muitas ferramentas para esse prop\u00f3sito, como o Tinypng. Aqui est\u00e3o algumas ferramentas de compress\u00e3o recomendadas que voc\u00ea pode tentar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tinypng: https:\/\/tinypng.com\/<\/li>\n\n\n\n<li>Compressor.io: https:\/\/compressor.io\/compress<\/li>\n\n\n\n<li>Kraken.io: https:\/\/kraken.io\/web-interface<\/li>\n\n\n\n<li>OptimiZilla: https:\/\/optimizilla.com\/<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"278\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-image-2.jpg\" alt=\"controle o tamanho do arquivo de imagem, mantendo a qualidade da imagem\" class=\"wp-image-3314\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-image-2.jpg 972w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-image-2-300x86.jpg 300w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-image-2-768x220.jpg 768w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"shopify-s-automatic-compression-and-conversion-of-images\"><span class=\"ez-toc-section\" id=\"Shopifys_Automatic_Compression_and_Conversion_of_Images\"><\/span>Compress\u00e3o e convers\u00e3o autom\u00e1tica de imagens da Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para acelerar o carregamento do site, reduzir os tempos de carregamento da p\u00e1gina e armazenar mais imagens em um n\u00famero espec\u00edfico de discos, o Shopify compacta imagens que atendem a requisitos espec\u00edficos sob condi\u00e7\u00f5es espec\u00edficas. A compacta\u00e7\u00e3o de imagem pode resultar em altera\u00e7\u00f5es na qualidade da imagem. A resolu\u00e7\u00e3o da imagem compactada est\u00e1 relacionada \u00e0 resolu\u00e7\u00e3o da imagem que voc\u00ea carregou e ao tamanho da imagem. Normalmente, a resolu\u00e7\u00e3o da imagem compactada ap\u00f3s a compacta\u00e7\u00e3o \u00e9 a seguinte:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>JPEG: entre 65-90<\/li>\n\n\n\n<li>PNG: 90<\/li>\n\n\n\n<li>GIF: n\u00e3o comprimido<\/li>\n<\/ul>\n\n\n\n<p>A resolu\u00e7\u00e3o espec\u00edfica da imagem pode ser visualizada e ajustada usando PS (atalho Ctrl+Alt+I). Conforme mostrado na figura abaixo, a resolu\u00e7\u00e3o \u201c72\u201d na figura \u00e9 o valor de DPI da imagem.<\/p>\n\n\n\n<p>Requisitos de imagem do produto da loja Shopify e otimiza\u00e7\u00e3o de imagem<br>Para arquivos de formato JPEG, o Shopify decidir\u00e1 se compactar\u00e1 a imagem com base na resolu\u00e7\u00e3o original da imagem. Por exemplo, se a resolu\u00e7\u00e3o da imagem que carregamos for maior que 86, e qualquer lado da imagem for maior ou igual a 1024px, o Shopify compactar\u00e1 a imagem, e a resolu\u00e7\u00e3o da imagem compactada ser\u00e1 85.<\/p>\n\n\n\n<p>Se a resolu\u00e7\u00e3o da imagem antes do upload estiver entre 65 e 85, e qualquer lado da imagem for maior ou igual a 1024 px, o Shopify n\u00e3o processar\u00e1 a imagem de forma alguma, e usar\u00e1 a imagem original que voc\u00ea enviou.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Resolu\u00e7\u00e3o original<\/th><th>Tamanho da imagem<\/th><th>Resolu\u00e7\u00e3o Comprimida<\/th><\/tr><\/thead><tbody><tr><td>86 ou superior<\/td><td>Largura ou altura da imagem &gt;= 1024px<\/td><td>85<\/td><\/tr><tr><td>65 &#8211; 85<\/td><td>Largura ou altura da imagem &gt;= 1024px<\/td><td>Qualidade original<\/td><\/tr><tr><td>64 ou menos<\/td><td>Largura ou altura da imagem &gt;= 1024px<\/td><td>65<\/td><\/tr><tr><td>76 ou superior<\/td><td>Largura e altura da imagem &lt; 1024px<\/td><td>75<\/td><\/tr><tr><td>65 &#8211; 75<\/td><td>Largura e altura da imagem &lt; 1024px<\/td><td>Qualidade original<\/td><\/tr><tr><td>64 ou menos<\/td><td>Largura e altura da imagem &lt; 1024px<\/td><td>65<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"selecting-scene-images-as-the-main-images-for-shopify-products\"><span class=\"ez-toc-section\" id=\"Selecting_Scene_Images_as_the_Main_Images_for_Shopify_Products\"><\/span>Selecionando imagens de cena como imagens principais para produtos Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Em rela\u00e7\u00e3o a como tirar boas fotos de produtos, como o conte\u00fado envolvido \u00e9 muito profissional, atualmente n\u00e3o tenho a capacidade de explicar completamente. No entanto, tirar boas fotos de produtos tem um impacto muito positivo e importante para n\u00f3s na execu\u00e7\u00e3o de sites independentes e no aumento das taxas de convers\u00e3o de sites. \u00c9 recomend\u00e1vel que todos perguntem mais ao Google. H\u00e1 um ditado: no com\u00e9rcio eletr\u00f4nico, o que realmente \u00e9 vendido s\u00e3o imagens. Mas o que eu sei \u00e9 que, para sites independentes, voc\u00ea n\u00e3o precisa cumprir os requisitos da Amazon para imagens de produtos. A imagem principal n\u00e3o deve ser uma imagem de fundo branco, mas uma imagem de cena do produto.<\/p>\n\n\n\n<p><a href=\"https:\/\/apps.shopify.com\/ifoto-free-remove-background?search_id=84c23b59-b594-4c39-a04c-f61ec1233eee&amp;surface_detail=remove+background&amp;surface_inter_position=1&amp;surface_intra_position=24&amp;surface_type=search\">Editor de fotos iFoto<\/a> \u00e9 uma ferramenta de edi\u00e7\u00e3o de imagem de ponta que aproveita a tecnologia avan\u00e7ada de IA para melhorar a resolu\u00e7\u00e3o da imagem de forma eficiente, garantindo resultados de alta qualidade para uso comercial e pessoal. Ela oferece uma variedade de recursos pr\u00e1ticos, como remo\u00e7\u00e3o de fundo, aprimoramento de fotos, limpeza de imagens e ajuste de cores, tornando-a ideal para aprimorar imagens de produtos para lojas Shopify. Com o iFoto Photo Editor, atualizar p\u00e1ginas de informa\u00e7\u00f5es de produtos se torna f\u00e1cil, levando a um maior engajamento do cliente, melhores taxas de cliques (CTR) e classifica\u00e7\u00f5es mais altas no Shopify.<\/p>\n\n\n\n<p>Al\u00e9m de seus recursos focados no Shopify, o iFoto Photo Editor est\u00e1 dispon\u00edvel como uma plataforma baseada na web e como aplicativos iOS\/Android, fornecendo uma experi\u00eancia de edi\u00e7\u00e3o de imagem perfeita para usu\u00e1rios em v\u00e1rios cen\u00e1rios. Reconhecido como uma das melhores ferramentas de edi\u00e7\u00e3o de imagem com tecnologia de IA dispon\u00edveis, o iFoto Photo Editor ganhou uma reputa\u00e7\u00e3o estelar e ostenta uma grande base de usu\u00e1rios leais em todo o mundo.<\/p>\n\n\n\n<p>Caracter\u00edsticas principais:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utiliza t\u00e9cnicas avan\u00e7adas de IA para melhoria eficiente da resolu\u00e7\u00e3o de imagem.<\/li>\n\n\n\n<li>Fun\u00e7\u00f5es personalizadas, projetadas especificamente para as necessidades do com\u00e9rcio eletr\u00f4nico.<\/li>\n\n\n\n<li>Mant\u00e9m altas resolu\u00e7\u00f5es para garantir qualidade de imagem de primeira qualidade.<\/li>\n\n\n\n<li>Eficaz em melhorar o CTR e impulsionar o engajamento do cliente.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/ifoto-photo-editor-shopify.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Para um exemplo extremo, como mostrado na imagem abaixo, para a luz de bicicleta Revolights, a imagem da esquerda \u00e9 uma imagem do produto, e a imagem da direita \u00e9 uma imagem de cena de seu uso. Qual imagem \u00e9 mais atraente para n\u00f3s?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-3-1024x462.jpg\" alt=\"Selecionando imagens de cena como imagens principais para produtos Shopify\" class=\"wp-image-3315\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-3-1024x462.jpg 1024w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-3-300x135.jpg 300w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-3-768x346.jpg 768w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/shopify-product-image-3.jpg 1064w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"optimization-and-upload-of-product-images-for-shopify-store\"><span class=\"ez-toc-section\" id=\"Properly_Naming_Product_Image_Files\"><\/span>Nomeando corretamente os arquivos de imagem do produto<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Criando nomes de arquivo descritivos e ricos em palavras-chave. Os mecanismos de busca n\u00e3o apenas rastreiam o texto na sua p\u00e1gina da web, mas tamb\u00e9m procuram palavras-chave dentro dos nomes dos seus arquivos de imagem.<\/p>\n\n\n\n<p>Normalmente, depois de tirarmos fotos com uma c\u00e2mera\/telefone, importamos as fotos para o computador, e o nome do arquivo da foto ser\u00e1 uma sequ\u00eancia de caracteres alfanum\u00e9ricos mais a extens\u00e3o do arquivo. Como DCMIMAGE10.jpg. O primeiro passo para otimizar a imagem do produto antes de envi\u00e1-la para o Shopify \u00e9 alterar o nome do arquivo da imagem no computador. Por exemplo, altere-o para: 2012-Ford-Mustang-LX-Red.jpg.<\/p>\n\n\n\n<p>Por qu\u00ea? Como mencionado acima, os mecanismos de busca n\u00e3o apenas rastreiam o texto na sua p\u00e1gina da web, mas tamb\u00e9m procuram por palavras-chave dentro dos nomes dos seus arquivos de imagem. Se a imagem for nomeada DCMIMAGE10.jpg por padr\u00e3o, o mecanismo de busca n\u00e3o pode saber qual conte\u00fado est\u00e1 nessa imagem. Se for nomeada 2012-Ford-Mustang-LX-Red.jpg, o mecanismo de busca indexar\u00e1 as palavras-chave no nome da imagem.<\/p>\n\n\n\n<p>Ent\u00e3o, qual desses tr\u00eas nomes \u00e9 melhor: 2012 Red Ford Mustang LX; Ford Mustang LX Red 2012; Red Ford Mustang LX 2012? Na minha opini\u00e3o, eles s\u00e3o os mesmos, mas o autor do artigo sugere que voc\u00ea pode ver qual m\u00e9todo de classifica\u00e7\u00e3o de palavras-chave os visitantes est\u00e3o usando com base nos dados de an\u00e1lise do site e, em seguida, renomear e reenviar a imagem. A correspond\u00eancia exata das pesquisas do cliente \u00e9, claro, melhor, mas acho que, desde que a imagem do produto possa ser descrita com precis\u00e3o e a ordem das palavras seja l\u00f3gica, \u00e9 suficiente.<\/p>\n\n\n\n<p>Na verdade, n\u00e3o apenas para o Shopify, mas qualquer imagem deve ser renomeada dessa forma antes de ser carregada, e isso deve ser um h\u00e1bito.<\/p>\n\n\n\n<p>Tips: When naming images, use &#8220;-&#8221; instead of spaces between words, otherwise, spaces will be replaced by &#8220;%20&#8221; after the image is uploaded to the server. For example, &#8220;2012 Ford Mustang LX Red.jpg&#8221; will become &#8220;2012%20Ford%20Mustang%20LX%20Red.jpg&#8221;.<\/p>\n\n\n\n<p>Al\u00e9m disso, se voc\u00ea tiver muitas imagens para modificar, voc\u00ea pode tentar usar uma ferramenta de renomea\u00e7\u00e3o de arquivos em lote para fazer isso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filling-in-the-alt-attribute-for-shopify-product-images\"><span class=\"ez-toc-section\" id=\"Filling_in_the_ALT_Attribute_for_Shopify_Product_Images\"><\/span>Preenchendo o atributo ALT para imagens de produtos do Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"125\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/this-is-an-alt-tag.png\" alt=\"Atributo ALT para imagens de produtos Shopify\" class=\"wp-image-3316\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/this-is-an-alt-tag.png 667w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/this-is-an-alt-tag-300x56.png 300w\" sizes=\"(max-width: 667px) 100vw, 667px\" \/><\/figure>\n\n\n\n<p>ALT \u00e9 a abrevia\u00e7\u00e3o da palavra inglesa \u201cAlternate\u201d, que significa troca ou substitui\u00e7\u00e3o. O atributo ALT de uma imagem \u00e9 um atributo necess\u00e1rio da imagem. Ele \u00e9 usado para substituir a imagem a ser exibida no navegador quando a imagem n\u00e3o pode ser exibida ou o usu\u00e1rio desabilita a exibi\u00e7\u00e3o da imagem. Suponha que a imagem n\u00e3o possa ser visualizada devido aos seguintes motivos: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Velocidade de rede lenta; <\/li>\n\n\n\n<li>Erro no atributo src; <\/li>\n\n\n\n<li>O navegador desabilita imagens; <\/li>\n\n\n\n<li>Os usu\u00e1rios usam leitores de tela.<\/li>\n<\/ol>\n\n\n\n<p>Ao adicionar uma imagem, o valor do atributo ALT da imagem \u00e9 definido como \u201cTulipa\u201d. Quando os usu\u00e1rios abrem o navegador para navegar, a exibi\u00e7\u00e3o normal \u00e9 uma imagem de uma tulipa. Se a imagem n\u00e3o puder ser aberta devido a problemas de velocidade da rede, o conte\u00fado exibido na posi\u00e7\u00e3o da imagem \u00e9: tulipa.<\/p>\n\n\n\n<p>Neste momento, os usu\u00e1rios sabem que h\u00e1 uma imagem de tulipas aqui, mas a apar\u00eancia espec\u00edfica da imagem s\u00f3 pode ser imaginada.<\/p>\n\n\n\n<p>Al\u00e9m de ajudar os usu\u00e1rios a entender o conte\u00fado da imagem quando ela n\u00e3o pode ser aberta, outra fun\u00e7\u00e3o importante do ALT \u00e9 ajudar os mecanismos de busca a entender melhor o conte\u00fado da imagem. As palavras-chave no ALT podem ajudar os mecanismos de busca a entender o conte\u00fado da imagem, para que sua imagem possa ter uma melhor classifica\u00e7\u00e3o nos mecanismos de busca, especialmente mecanismos de busca de imagens como o Google Image. Portanto, quando falamos sobre otimiza\u00e7\u00e3o de SEO de imagem, o que precisamos fazer \u00e9 adicionar tags Alt a cada imagem de produto.<\/p>\n\n\n\n<p>Atualmente, uma tend\u00eancia popular na exibi\u00e7\u00e3o de imagens de produtos \u00e9 tirar algumas fotos detalhadas do produto de \u00e2ngulos diferentes. Portanto, ao preencher o atributo Alt da imagem, tente preencher uma tag Alt diferente para cada imagem. Por exemplo, para a imagem 2012-Ford-Mustang-LX-Red-Leather-Interior-Trim.jpg, use a tag Alt: alt = \u201c2012 Ford Mustang LX Red Leather Interior Trim\u201d. Para outra imagem 2012-Ford-Mustang-LX-Red-Rear-View-Air-Spoiler.jpg, use a tag Alt: alt = \u201c2012 Ford Mustang LX Red Rear View Air Spoiler\u201d.<\/p>\n\n\n\n<p>Conforme mostrado na figura abaixo, clique na imagem carregada e, na janela pop-up, podemos adicionar \u201ctexto alternativo\u201d para a imagem do produto. No processo de configura\u00e7\u00e3o de ALT, assim como ao definir o t\u00edtulo e a descri\u00e7\u00e3o do site do Shopify, fa\u00e7a um bom trabalho de minera\u00e7\u00e3o de palavras-chave de cauda longa e layout para obter tr\u00e1fego mais preciso. Atualmente, o pr\u00f3prio sistema do Shopify n\u00e3o oferece suporte \u00e0 adi\u00e7\u00e3o ou edi\u00e7\u00e3o de lotes on-line de conte\u00fado ALT e s\u00f3 pode ser adicionado ou editado um por um abrindo cada imagem, o que ainda \u00e9 bastante complicado. Podemos usar uma tabela para adicionar ALT em lotes ou procurar um plugin adequado pesquisando \u201cALT\u201d no mercado de aplicativos para adicionar ou editar ALT em lotes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"686\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-3-1024x686.jpg\" alt=\"Preenchendo o atributo ALT para imagens de produtos do Shopify\" class=\"wp-image-3317\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-3-1024x686.jpg 1024w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-3-300x201.jpg 300w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-3-768x514.jpg 768w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-3.jpg 1075w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"google-s-official-recommendations-for-product-image-optimization\"><span class=\"ez-toc-section\" id=\"Googles_Official_Recommendations_for_Product_Image_Optimization\"><\/span>Recomenda\u00e7\u00f5es oficiais do Google para otimiza\u00e7\u00e3o de imagens de produtos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Aqui est\u00e3o algumas sugest\u00f5es do site oficial do Google para otimizar imagens e obter melhores classifica\u00e7\u00f5es (trechos de algumas das sugest\u00f5es que pessoalmente considero mais importantes). A vers\u00e3o completa do texto original pode ser encontrada em support.google.com\/webmasters\/answer\/114016.<\/p>\n\n\n\n<p>Para aumentar a visibilidade do seu conte\u00fado no Google Imagens, priorize fornecer uma excelente experi\u00eancia do usu\u00e1rio: ao projetar p\u00e1ginas da web, concentre-se nos usu\u00e1rios em vez dos mecanismos de busca. Aqui est\u00e3o algumas sugest\u00f5es:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Forne\u00e7a informa\u00e7\u00f5es relevantes: <\/strong>Garanta que seu conte\u00fado visual seja relevante para o tema da p\u00e1gina da web em que est\u00e1. Recomendamos exibir apenas imagens que adicionem valor original \u00e0 p\u00e1gina da web. Desencorajamos fortemente o uso de imagens e conte\u00fado de texto totalmente n\u00e3o originais em p\u00e1ginas da web.<\/li>\n\n\n\n<li><strong>Otimizar posicionamento:<\/strong> Coloque as imagens o mais pr\u00f3ximo poss\u00edvel do texto relevante. Quando necess\u00e1rio, considere colocar as imagens mais importantes perto do topo da p\u00e1gina da web.<\/li>\n\n\n\n<li><strong>Evite incorporar texto importante em imagens: <\/strong>Evite incorporar texto (especialmente elementos de texto importantes, como t\u00edtulos de p\u00e1ginas da web e itens de menu) em imagens, pois nem todos os usu\u00e1rios podem acessar esse texto (e ferramentas de tradu\u00e7\u00e3o de p\u00e1ginas da web n\u00e3o funcionam em imagens). Para tornar seu conte\u00fado acess\u00edvel ao maior n\u00famero poss\u00edvel de pessoas, use o formato HTML para texto e forne\u00e7a texto alternativo para imagens.<\/li>\n\n\n\n<li><strong>Crie sites ricos em informa\u00e7\u00f5es e de alta qualidade: <\/strong>Para o Google Imagens, o conte\u00fado de alta qualidade da p\u00e1gina da web \u00e9 t\u00e3o importante quanto o conte\u00fado visual \u2013 ele pode fornecer informa\u00e7\u00f5es de fundo e atrair mais cliques de usu\u00e1rios que pesquisam. O conte\u00fado da p\u00e1gina da web pode ser usado para gerar um resumo de texto para imagens, e o Google considera a qualidade do conte\u00fado da p\u00e1gina da web correspondente ao classificar imagens.<\/li>\n\n\n\n<li><strong>Crie sites que sejam acess\u00edveis em v\u00e1rios dispositivos:<\/strong> Os usu\u00e1rios s\u00e3o mais propensos a usar dispositivos m\u00f3veis para pesquisar no Google Imagens do que dispositivos de desktop. Portanto, \u00e9 necess\u00e1rio projetar um site que seja adequado para todos os tipos e tamanhos de dispositivos. Use ferramentas de teste de compatibilidade de dispositivos m\u00f3veis para testar o desempenho da sua p\u00e1gina da web em dispositivos m\u00f3veis e obter feedback sobre qual conte\u00fado precisa ser corrigido.<\/li>\n\n\n\n<li><strong>Crie uma boa estrutura de URL para imagens: <\/strong>O Google usa caminhos de URL e nomes de arquivo para entender suas imagens. Recomendamos organizar bem o conte\u00fado da imagem para tornar a estrutura de URL l\u00f3gica.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"modify-the-main-image-of-the-shopify-product-page\"><span class=\"ez-toc-section\" id=\"Modify_the_Main_Image_of_the_Shopify_Product_Page\"><\/span>Modificar a imagem principal da p\u00e1gina do produto Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Na se\u00e7\u00e3o de arquivo de m\u00eddia, a primeira imagem grande exibida \u00e9 a imagem principal do produto. Ao chamar e exibir essas informa\u00e7\u00f5es do produto em p\u00e1ginas de produtos n\u00e3o variantes, na p\u00e1gina inicial, nas p\u00e1ginas de lista de produtos, etc., a imagem exibida padr\u00e3o \u00e9 essa imagem grande. Podemos arrastar manualmente a imagem que queremos definir como a imagem principal do produto para a posi\u00e7\u00e3o de imagem grande para substituir a imagem principal.<\/p>\n\n\n\n<p>Ao mesmo tempo, tamb\u00e9m podemos ajustar a posi\u00e7\u00e3o da imagem aqui para modificar a ordem de exibi\u00e7\u00e3o de v\u00e1rias imagens no frontend da p\u00e1gina do produto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"uploading-product-videos-to-shopify\"><span class=\"ez-toc-section\" id=\"Uploading_Product_Videos_to_Shopify\"><\/span>Carregando v\u00eddeos de produtos para o Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"upload-videos-to-shopify-or-embed-youtube-vimeo-videos\"><span class=\"ez-toc-section\" id=\"Upload_videos_to_Shopify_or_embed_YouTubeVimeo_videos\"><\/span>Carregue v\u00eddeos no Shopify ou incorpore v\u00eddeos do YouTube\/Vimeo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Podemos carregar v\u00eddeos diretamente para o backend do Shopify ou carregar v\u00eddeos para o YouTube ou Vimeo primeiro e, em seguida, adicionar os v\u00eddeos ao backend do Shopify de forma incorporada. Fiz um teste simples, que \u00e9 carregar um v\u00eddeo de cerca de 15 MB de tamanho para o Shopify e o YouTube, respectivamente, e, em seguida, testar a velocidade de abertura das duas p\u00e1ginas usando o Webpagetest e o PageSpeedInsight sem alterar a fonte do v\u00eddeo. A conclus\u00e3o \u00e9 basicamente nenhuma diferen\u00e7a.<\/p>\n\n\n\n<p>Embora o v\u00eddeo que carregamos tenha 15 MB de tamanho, quando os clientes abrem a p\u00e1gina, apenas a miniatura do v\u00eddeo ser\u00e1 carregada, n\u00e3o o arquivo de v\u00eddeo inteiro. Somente quando o cliente clica no bot\u00e3o play, o sistema come\u00e7a a carregar e reproduzir o v\u00eddeo.<\/p>\n\n\n\n<p>Para enviar um v\u00eddeo para o Shopify, o v\u00eddeo deve atender aos seguintes requisitos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dura\u00e7\u00e3o do v\u00eddeo: at\u00e9 10 minutos<\/li>\n\n\n\n<li>Tamanho do v\u00eddeo: at\u00e9 1 GB<\/li>\n\n\n\n<li>Resolu\u00e7\u00e3o de v\u00eddeo: at\u00e9 4K (4096 x 2160 px)<\/li>\n\n\n\n<li>Tipos de arquivo de v\u00eddeo: .mp4 ou .mov<\/li>\n<\/ul>\n\n\n\n<p>Quanto \u00e0 resolu\u00e7\u00e3o de v\u00eddeo, escolher 480P, 720P, 1080P ou 4K \u00e9 aceit\u00e1vel. Quanto maior a resolu\u00e7\u00e3o do v\u00eddeo, maior o tamanho do arquivo. No entanto, quando os clientes assistem ao v\u00eddeo, se o cliente suportar ajuste de resolu\u00e7\u00e3o, o sistema decidir\u00e1 automaticamente qual resolu\u00e7\u00e3o reproduzir com base na velocidade de rede do cliente. Por exemplo, se carregarmos um v\u00eddeo 1080P, os clientes com velocidades de rede lentas podem reproduzir automaticamente um v\u00eddeo 480P, enquanto aqueles com velocidades de rede r\u00e1pidas podem reproduzir automaticamente um v\u00eddeo 1080P.<\/p>\n\n\n\n<p>Se enviarmos o v\u00eddeo para o YouTube ou Vimeo, n\u00e3o haver\u00e1 tais restri\u00e7\u00f5es, mas o v\u00eddeo que enviarmos dever\u00e1 obedecer \u00e0s regras do YouTube ou Vimeo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modify-the-thumbnail-of-the-shopify-product-video\"><span class=\"ez-toc-section\" id=\"Modify_the_Thumbnail_of_the_Shopify_Product_Video\"><\/span>Modifique a miniatura do v\u00eddeo do produto Shopify<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Semelhante \u00e0 modifica\u00e7\u00e3o do conte\u00fado da tag ALT das imagens do produto, clique no v\u00eddeo na p\u00e1gina de edi\u00e7\u00e3o do produto, clique no bot\u00e3o de op\u00e7\u00f5es no lado direito do bot\u00e3o de download na janela pop-up de edi\u00e7\u00e3o de v\u00eddeo e, em seguida, clique no bot\u00e3o \u201cSubstituir miniatura\u201d para carregar sua pr\u00f3pria miniatura de v\u00eddeo. Observe que o tamanho da miniatura tamb\u00e9m deve ser controlado. Ao garantir a clareza da imagem, tente mant\u00ea-la abaixo de 200 KB, quanto menor, melhor. Um arquivo muito grande afetar\u00e1 a velocidade de carregamento da p\u00e1gina do site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-youtube-or-vimeo\"><span class=\"ez-toc-section\" id=\"Using_YouTube_or_Vimeo\"><\/span>Usando o YouTube ou o Vimeo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Se voc\u00ea inserir um v\u00eddeo em produtos do Shopify por incorpora\u00e7\u00e3o, atualmente apenas links do YouTube ou Vimeo s\u00e3o suportados. Comparando os dois, as recomenda\u00e7\u00f5es de v\u00eddeos relacionados do YouTube atrair\u00e3o os usu\u00e1rios a sair do nosso site, ent\u00e3o o Vimeo fornece uma experi\u00eancia melhor para n\u00f3s.<\/p>\n\n\n\n<p>A vers\u00e3o gratuita do Vimeo tem suporte limitado a v\u00eddeos e configura\u00e7\u00f5es limitadas de estilo de player. Se as condi\u00e7\u00f5es permitirem, considere usar a vers\u00e3o paga.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"uploading-3d-models-of-products-to-shopify\"><span class=\"ez-toc-section\" id=\"Uploading_3D_Models_of_Products_to_Shopify\"><\/span>Carregando modelos 3D de produtos para o Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Em compara\u00e7\u00e3o com imagens e v\u00eddeos, os modelos 3D de produtos podem mostrar aos clientes mais informa\u00e7\u00f5es e detalhes do produto. O Shopify oferece suporte aos tipos de arquivo de modelo 3D GLB e USDZ, com tamanhos de arquivo n\u00e3o excedendo 500 MB. Se o arquivo do modelo 3D for maior que 15 MB, o Shopify otimizar\u00e1 a estrutura e a textura do modelo para empacotar o arquivo 3D em um tempo menor.<\/p>\n\n\n\n<p>Baixei um arquivo GLB com um tamanho de 5 MB online (sketchfab.com). Verifiquei o fluxo de cascata de carregamento de p\u00e1gina no WebPageSpeed e, como no v\u00eddeo, a p\u00e1gina carregou apenas uma miniatura do modelo 3D gerado automaticamente pelo sistema, ent\u00e3o, embora o arquivo GLB seja grande, ele n\u00e3o tem um impacto particularmente grande na velocidade de abertura da p\u00e1gina da web. Somente quando os clientes clicam no bot\u00e3o de navega\u00e7\u00e3o no modelo, o sistema come\u00e7a a baixar e carregar esse arquivo de 5 MB na p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-8-1024x515.jpg\" alt=\"Carregando modelos 3D de produtos para o Shopify\" class=\"wp-image-3318\" srcset=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-8-1024x515.jpg 1024w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-8-300x151.jpg 300w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-8-768x386.jpg 768w, https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/Shopify-Products-media-221214-8.jpg 1117w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Al\u00e9m de substituir livremente miniaturas como v\u00eddeos, tamb\u00e9m podemos ajustar o brilho, a cor de fundo, a perspectiva padr\u00e3o e o ambiente de ilumina\u00e7\u00e3o do modelo 3D por meio do bot\u00e3o \u201cEdit File\u201d. A fun\u00e7\u00e3o \u00e9 bem poderosa.<\/p>\n\n\n\n<p>O custo de fazer modelos 3D n\u00e3o \u00e9 barato, mas se for um \u00fanico produto ou o n\u00famero de produtos vendidos em todo o site n\u00e3o for grande, voc\u00ea pode considerar fazer modelos 3D para os produtos principais ou para todos os produtos para exibir de forma mais abrangente os detalhes e vantagens do produto e melhorar a taxa de convers\u00e3o de pedidos.<\/p>\n\n\n\n<p>Ainda n\u00e3o usei modelos 3D. Os interessados podem ir ao mercado Shopify Experts ou Fiverr para encontrar prestadores de servi\u00e7o para um or\u00e7amento e ver aproximadamente quanto custa fazer modelos 3D de seus produtos, se estiver dentro do or\u00e7amento, vale a pena investir.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Este artigo aborda a configura\u00e7\u00e3o e o upload de imagens de produtos na Shopify. Ap\u00f3s a atualiza\u00e7\u00e3o do sistema, a se\u00e7\u00e3o de upload de imagens de produtos foi renomeada para &quot;M\u00eddia&quot;, o que significa que agora voc\u00ea pode enviar n\u00e3o apenas imagens de produtos, mas tamb\u00e9m v\u00eddeos e modelos 3D, oferecendo mais maneiras de exibir produtos. No entanto, o objetivo final continua sendo [\u2026]<\/p>","protected":false},"author":2,"featured_media":3312,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[20],"tags":[59],"post_folder":[],"class_list":["post-3310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","tag-e-commerce"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models - iFoto&#039;s Blog<\/title>\n<meta name=\"description\" content=\"Learn how to optimize your Shopify store with stunning product visuals! This guide covers everything from image resolution and video embedding to 3D model integration, ensuring your products stand out and drive sales.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models - iFoto&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"Learn how to optimize your Shopify store with stunning product visuals! This guide covers everything from image resolution and video embedding to 3D model integration, ensuring your products stand out and drive sales.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/\" \/>\n<meta property=\"og:site_name\" content=\"iFoto&#039;s Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61551516646824\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-26T09:30:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-05T06:08:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"389\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Miguel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AiIfoto70438\" \/>\n<meta name=\"twitter:site\" content=\"@AiIfoto70438\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Miguel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/\"},\"author\":{\"name\":\"Miguel\",\"@id\":\"https:\/\/ifoto.ai\/blog\/#\/schema\/person\/370585c338056ec6ef79f5a41bd81e96\"},\"headline\":\"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models\",\"datePublished\":\"2024-04-26T09:30:54+00:00\",\"dateModified\":\"2024-06-05T06:08:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/\"},\"wordCount\":3697,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ifoto.ai\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg\",\"keywords\":[\"e-Commerce\"],\"articleSection\":[\"e-Commerce\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/\",\"url\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/\",\"name\":\"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models - iFoto&#039;s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ifoto.ai\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg\",\"datePublished\":\"2024-04-26T09:30:54+00:00\",\"dateModified\":\"2024-06-05T06:08:21+00:00\",\"description\":\"Learn how to optimize your Shopify store with stunning product visuals! This guide covers everything from image resolution and video embedding to 3D model integration, ensuring your products stand out and drive sales.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage\",\"url\":\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg\",\"contentUrl\":\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg\",\"width\":800,\"height\":389},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ifoto.ai\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ifoto.ai\/blog\/#website\",\"url\":\"https:\/\/ifoto.ai\/blog\/\",\"name\":\"iFoto's Blog\",\"description\":\"Trending AI Tools\",\"publisher\":{\"@id\":\"https:\/\/ifoto.ai\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ifoto.ai\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ifoto.ai\/blog\/#organization\",\"name\":\"iFoto's Blog\",\"url\":\"https:\/\/ifoto.ai\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/ifoto.ai\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/ifoto-logo.png\",\"contentUrl\":\"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/ifoto-logo.png\",\"width\":154,\"height\":52,\"caption\":\"iFoto's Blog\"},\"image\":{\"@id\":\"https:\/\/ifoto.ai\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61551516646824\",\"https:\/\/x.com\/AiIfoto70438\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ifoto.ai\/blog\/#\/schema\/person\/370585c338056ec6ef79f5a41bd81e96\",\"name\":\"Miguel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/ifoto.ai\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4b283c9b269b6fe928601d33076a3970?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4b283c9b269b6fe928601d33076a3970?s=96&d=mm&r=g\",\"caption\":\"Miguel\"},\"description\":\"I love the challenge of discovering new and innovative AI tools that can be used to improve and streamline workflows. I'm always striving to stay up-to-date with the latest developments in AI and to never stop learning.\",\"url\":\"https:\/\/www.ifoto.ai\/blog\/pt\/author\/miguel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models - iFoto&#039;s Blog","description":"Learn how to optimize your Shopify store with stunning product visuals! This guide covers everything from image resolution and video embedding to 3D model integration, ensuring your products stand out and drive sales.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/","og_locale":"pt_BR","og_type":"article","og_title":"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models - iFoto&#039;s Blog","og_description":"Learn how to optimize your Shopify store with stunning product visuals! This guide covers everything from image resolution and video embedding to 3D model integration, ensuring your products stand out and drive sales.","og_url":"https:\/\/www.ifoto.ai\/blog\/pt\/optimizing-shopify-product-images-videos-and-3d-models\/","og_site_name":"iFoto&#039;s Blog","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61551516646824","article_published_time":"2024-04-26T09:30:54+00:00","article_modified_time":"2024-06-05T06:08:21+00:00","og_image":[{"width":800,"height":389,"url":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg","type":"image\/jpeg"}],"author":"Miguel","twitter_card":"summary_large_image","twitter_creator":"@AiIfoto70438","twitter_site":"@AiIfoto70438","twitter_misc":{"Escrito por":"Miguel","Est. tempo de leitura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#article","isPartOf":{"@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/"},"author":{"name":"Miguel","@id":"https:\/\/ifoto.ai\/blog\/#\/schema\/person\/370585c338056ec6ef79f5a41bd81e96"},"headline":"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models","datePublished":"2024-04-26T09:30:54+00:00","dateModified":"2024-06-05T06:08:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/"},"wordCount":3697,"commentCount":0,"publisher":{"@id":"https:\/\/ifoto.ai\/blog\/#organization"},"image":{"@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg","keywords":["e-Commerce"],"articleSection":["e-Commerce"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/","url":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/","name":"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models - iFoto&#039;s Blog","isPartOf":{"@id":"https:\/\/ifoto.ai\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage"},"image":{"@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg","datePublished":"2024-04-26T09:30:54+00:00","dateModified":"2024-06-05T06:08:21+00:00","description":"Learn how to optimize your Shopify store with stunning product visuals! This guide covers everything from image resolution and video embedding to 3D model integration, ensuring your products stand out and drive sales.","breadcrumb":{"@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#primaryimage","url":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg","contentUrl":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg","width":800,"height":389},{"@type":"BreadcrumbList","@id":"https:\/\/www.ifoto.ai\/blog\/optimizing-shopify-product-images-videos-and-3d-models\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ifoto.ai\/blog\/"},{"@type":"ListItem","position":2,"name":"A Comprehensive Guide to Optimizing Shopify Product Images, Videos, and 3D Models"}]},{"@type":"WebSite","@id":"https:\/\/ifoto.ai\/blog\/#website","url":"https:\/\/ifoto.ai\/blog\/","name":"iFoto's Blog","description":"Trending AI Tools","publisher":{"@id":"https:\/\/ifoto.ai\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ifoto.ai\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/ifoto.ai\/blog\/#organization","name":"iFoto's Blog","url":"https:\/\/ifoto.ai\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/ifoto.ai\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/ifoto-logo.png","contentUrl":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/ifoto-logo.png","width":154,"height":52,"caption":"iFoto's Blog"},"image":{"@id":"https:\/\/ifoto.ai\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61551516646824","https:\/\/x.com\/AiIfoto70438"]},{"@type":"Person","@id":"https:\/\/ifoto.ai\/blog\/#\/schema\/person\/370585c338056ec6ef79f5a41bd81e96","name":"Miguel","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/ifoto.ai\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4b283c9b269b6fe928601d33076a3970?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4b283c9b269b6fe928601d33076a3970?s=96&d=mm&r=g","caption":"Miguel"},"description":"I love the challenge of discovering new and innovative AI tools that can be used to improve and streamline workflows. I'm always striving to stay up-to-date with the latest developments in AI and to never stop learning.","url":"https:\/\/www.ifoto.ai\/blog\/pt\/author\/miguel\/"}]}},"jetpack_featured_media_url":"https:\/\/www.ifoto.ai\/blog\/wp-content\/uploads\/fashionnova-image.jpg","_links":{"self":[{"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/posts\/3310"}],"collection":[{"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/comments?post=3310"}],"version-history":[{"count":2,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/posts\/3310\/revisions"}],"predecessor-version":[{"id":3319,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/posts\/3310\/revisions\/3319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/media\/3312"}],"wp:attachment":[{"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/media?parent=3310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/categories?post=3310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/tags?post=3310"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.ifoto.ai\/blog\/pt\/wp-json\/wp\/v2\/post_folder?post=3310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}