Mais cedo ou mais tarde, a maioria dos projetos de visão computacional precisa de uma pilha de imagens rotuladas, e alguém tem que fazer a rotulagem. Seja organizando fotos de produtos, filtrando conteúdo ou classificando exames médicos, o Potato cuida da interface para que você possa focar nos rótulos. Este tutorial cobre as configurações que você realmente vai usar: classificação de rótulo único e multirrótulo, estruturas de categorias aninhadas e as verificações de qualidade que mantêm as tarefas de imagem confiáveis.

Classificação básica de imagens

Vamos começar com uma tarefa de rótulo único.

Configuração

yaml

annotation_task_name: "Product Image Classification"
 
# Image data
data_files:
  - data/products.json
 
item_properties:
  id_key: product_id
  text_key: image_url
 
# Classification labels
annotation_schemes:
  - annotation_type: image_annotation
    name: category
    description: "What type of product is shown?"
    labels:
      - Electronics
      - Clothing
      - Home & Garden
      - Sports & Outdoors
      - Books & Media
      - Other
    keyboard_shortcuts:
      Electronics: "1"
      Clothing: "2"
      "Home & Garden": "3"
      "Sports & Outdoors": "4"
      "Books & Media": "5"
      Other: "6"

A interface de classificação de imagens exibe a imagem ao lado dos rótulos de categoria:

Interface de classificação de imagens com rótulos de categoria e atalhos de teclado A interface de anotação de imagens mostrando a imagem de um produto com rótulos de classificação e atalhos de teclado

Formato dos dados

Crie data/products.json:

json

{"product_id": "P001", "image_url": "/images/products/laptop.jpg"}
{"product_id": "P002", "image_url": "/images/products/tshirt.jpg"}
{"product_id": "P003", "image_url": "/images/products/garden_tools.jpg"}
{"product_id": "P004", "image_url": "https://example.com/images/basketball.jpg"}

As imagens podem ser caminhos locais ou URLs.

Classificação multirrótulo

Para imagens que pertencem a várias categorias:

yaml

annotation_schemes:
  - annotation_type: multiselect
    name: attributes
    description: "Select all attributes that apply to this image"
    labels:
      - Contains people
      - Outdoor scene
      - Indoor scene
      - Contains text
      - Product photo
      - Lifestyle photo
      - Close-up shot
      - Wide angle
    min_selections: 1
    max_selections: 5

Categorias hierárquicas

Para taxonomias complexas, use rótulos aninhados:

yaml

annotation_schemes:
  - annotation_type: radio
    name: main_category
    description: "Primary category"
    labels:
      - Apparel
      - Electronics
      - Home
 
  - annotation_type: radio
    name: subcategory
    description: "Subcategory"
    conditional:
      depends_on: main_category
      options:
        Apparel:
          - Tops
          - Bottoms
          - Footwear
          - Accessories
        Electronics:
          - Phones
          - Computers
          - Audio
          - Cameras
        Home:
          - Furniture
          - Decor
          - Kitchen
          - Bedding

Avaliação de qualidade da imagem

Adicione verificações de qualidade junto à classificação:

yaml

annotation_schemes:
  - annotation_type: radio
    name: category
    description: "Product category"
    labels: [Electronics, Clothing, Home, Other]
 
  - annotation_type: radio
    name: image_quality
    description: "Is this image suitable for the product catalog?"
    labels:
      - name: Approved
        description: "Clear, well-lit, product is visible"
      - name: Needs review
        description: "Minor issues but potentially usable"
      - name: Rejected
        description: "Poor quality, wrong product, or inappropriate"
 
  - annotation_type: multiselect
    name: quality_issues
    description: "If not approved, what issues are present?"
    labels:
      - Blurry or out of focus
      - Poor lighting
      - Wrong product shown
      - Watermark or text overlay
      - Inappropriate content
      - Multiple products in frame
    conditional:
      depends_on: image_quality
      show_when: ["Needs review", "Rejected"]

Configurações avançadas de imagem

Para personalização avançada da exibição de imagens, configure o tipo image_annotation nos seus esquemas de anotação e use CSS ou estilização personalizada conforme necessário.

Exemplo completo

Aqui está uma configuração pronta para produção:

yaml

annotation_task_name: "E-commerce Image Classification"
 
data_files:
  - data/images.json
 
item_properties:
  id_key: sku
  text_key: image_path
 
annotation_schemes:
  - annotation_type: image_annotation
    name: primary_category
    description: "Select the main product category"
    labels:
      - Electronics
      - Clothing & Accessories
      - Home & Living
      - Beauty & Personal Care
      - Sports & Fitness
      - Toys & Games
      - Other
    required: true
    keyboard_shortcuts:
      Electronics: "1"
      "Clothing & Accessories": "2"
      "Home & Living": "3"
      "Beauty & Personal Care": "4"
      "Sports & Fitness": "5"
      "Toys & Games": "6"
      Other: "7"
 
  - annotation_type: multiselect
    name: image_attributes
    description: "Select all that apply"
    labels:
      - White background
      - Lifestyle shot
      - Multiple angles
      - Model wearing/using
      - Size reference included
      - Brand visible
    required: false
 
  - annotation_type: radio
    name: listing_ready
    description: "Is this image ready for product listing?"
    labels:
      - Yes - Ready to publish
      - No - Needs editing
      - No - Reshoot required
    required: true
 
annotation_guidelines:
  title: "Image Classification Guidelines"
  content: |
    ## Category Selection
    Choose the most specific category that fits the product.
 
    ## Image Quality
    - "Ready to publish": Clear, professional, meets standards
    - "Needs editing": Good photo but needs cropping/color correction
    - "Reshoot required": Fundamentally unsuitable

Dicas para anotação de imagens

Cor e brilho variam entre monitores, então, para qualquer coisa em que isso importe, certifique-se de que os anotadores estejam usando telas razoavelmente calibradas. Coloque imagens de exemplo nas suas diretrizes em vez de descrever categorias com palavras; uma imagem resolve mais discussões do que um parágrafo. Anote o que fazer com as imagens ambíguas, porque haverá imagens ambíguas. E, de vez em quando, peça à equipe que rotule o mesmo lote e compare, para que o desvio seja detectado cedo.

Para detalhes de implementação, consulte a documentação de anotação de imagens.

Próximos passos

Aprenda anotação com caixas delimitadoras para detecção de objetos
Configure anotação com polígonos para segmentação
Explore anotação de vídeo para tarefas temporais

Veja a documentação completa de anotação de imagens em /docs/features/image-annotation.