Cómo optimizar las imágenes en TikTok Shop

Optimizar las imágenes de los productos es crucial para el éxito en TikTok Shop. Usando las capacidades de compresión de imágenes de Magento, puedes asegurarte de que las imágenes cumplen con los requisitos de TikTok Shop sin comprometer la calidad.

En este artículo, usted aprenderá acerca de las técnicas de compresión de imágenes útiles para adherirse a las normas de TikTok Shop y mejorar la eficiencia de su sitio web Magento.

Requisitos de imagen de TikTok Shop

• Se pueden cargar hasta 9 imágenes cuadradas y 3 imágenes variantes.

• Acepta los formatos JPEG, PNG, JPG; HEIC y WEBP se convierten a JPG si se ajustan a los límites de tamaño.

• El tamaño máximo es de 5MB con una resolución mínima de 100x100 píxeles (u 800x800 según algunas fuentes) y máxima de 20000x20000 píxeles.

• Los productos deben mostrarse en color, sin sombreados, en alta calidad y desde varios ángulos.
  
  

Obtenga más detalles sobre los requisitos de imagen en la documentación del Vendedor de TikTok Shop.

Ajustar el tamaño de la imagen en Magento

Magento ayuda a los vendedores a optimizar y comprimir sus imágenes para que la experiencia de compra sea más fluida y se ajuste a los requisitos de la plataforma de comercio electrónico. Siga los pasos que se indican a continuación para activar el cambio de tamaño de las imágenes en Magento:

Para las imágenes existentes, vaya a Almacenes > Ajustes > Configuración, seleccione Avanzado > Sistema, y ajuste  los parámetros de Configuración de carga de imágenes.

En el caso de las imágenes nuevas, redimensionarlas antes de añadirlas al catálogo puede evitar que el sitio se cargue con lentitud. Estos son los principales métodos para redimensionar imágenes nuevas.

El método lento consiste en utilizar un comando CLI predeterminado para cambiar el tamaño de las imágenes de una en una. 

bin/magento catalog:image:resize

Generic

Este método sólo puede redimensionar una imagen cada vez y redimensiona repetidamente imágenes que ya han sido redimensionadas en el pasado. Una vez iniciado, el proceso debe continuar ininterrumpidamente, pudiendo tardar varios días en finalizar.

El método más rápido utiliza el cambio de tamaño de imagen asíncrono, que se introdujo en Adobe Commerce 2.4.

1) En cada servidor web, inicie temporalmente controladores de cola adicionales (iguales al doble del número de procesadores físicos del servidor):

for i in {1.."$((2 * `nproc --all`))"};do bin/magento queue:consumers:start media.storage.catalog.image.resize &;done;

Generic

2) Comprueba que los controladores de cola estén operativos:

pgrep -fl media.storage.catalog.image.resize

Generic

3) Llene la cola con solicitudes para cambiar el tamaño de todas las imágenes:

bin/magento catalog:images:resize --async

Generic

4) Una vez completado el redimensionamiento de todas las imágenes, finalice el proceso:

pkill -f media.storage.catalog.image.resize

Generic

El método más rápido consiste en cambiar el tamaño de varias imágenes en varios servidores. Este método puede cambiar el tamaño de varias imágenes a la vez y funciona eficazmente en varios servidores. También evita las imágenes que han sido redimensionadas previamente.

Con su ayuda, puede cambiar el tamaño de 100.000 imágenes en menos de 8 horas, en contraste con el método de comandos CLI, que podría tardar aproximadamente 6 días.

En primer lugar, acceda a su servidor. Navegue hasta el directorio pub/media/catalog/product y registre uno de los valores hash que allí se encuentran (por ejemplo, 960a3b7bb9e1b949d7a82cacac2af5b4).

En las siguientes instrucciones, sustituye www.example.com por el nombre de dominio de tu tienda y utiliza el valor hash que registraste anteriormente.

cd pub/ find ./media/catalog/product -path ./media/catalog/product/cache -prune -o -type f -print | sed s~./media/catalog/product/~https://www.example.com/media/catalog/product/cache/0047d83143a5a3a4683afdf1116df680/~g' > images.txt

Generic

Este proceso genera una Lista completa de todas las imágenes de productos de su tienda. Utiliza una herramienta como «siege» u otro rastreador para aprovechar toda la capacidad de tus servidores y procesadores y acelerar la creación de la caché de redimensionamiento.

El acceso a una URL específica de la caché de imágenes activa la generación automática de todos los tamaños de imagen necesarios en segundo plano, siempre que no existan ya. Este método también evita reprocesar imágenes que ya han sido redimensionadas anteriormente, optimizando así el tiempo de procesamiento.

Herramientas de optimización de imágenes en línea

Alternativamente, puede utilizar herramientas en línea como TinyPNG, IMG2GO, CompressJPEG, y Optimizilla para reducir el tamaño de las imágenes para TikTok Shop sin sacrificar la calidad.