Introducción al artículo de Wulin.com (www.vevb.com): Optimización de imágenes PNG serradas.
Grabemos una pequeña forma de procesar imágenes.
Esta es una imagen de fondo de sprite. Establecí el fondo en negro para una fácil demostración, pero en realidad es un fondo transparente.
Antes de la optimización, las imágenes tienen más dientes irregulares. Según la sugerencia de Weimei, la solución es la siguiente.
Dibuje un rectángulo del mismo área de selección de tamaño (20px*19px) y alinelo con esta figura.
Selección inversa.
Elimine las partes adicionales. Es como recortar los bordes.
Finalmente, la imagen se exportó al formato PNG8 transparente alfa. Ok, la optimización fue exitosa. No olvide comprimir la imagen primero y luego usarla.
Por cierto, déjame decirte un diagrama de flujo.
Esta forma redonda similar a una gota de agua también está bastante enredada. Afortunadamente, el fondo donde se encuentra es blanco, por lo que si lo cortas con un fondo blanco, no te preocuparás por irregularmente.
Debido a que esta imagen de fondo se escribe para colocarla en un borde de 3 píxeles, la parte que se superpone al borde se establece en transparente. Hacer esto sin darse cuenta de que no afectará el efecto visual. Ja ja.