Comprimir imagem para app iOS
Gere variantes de recursos iOS @1x, @2x e @3x a partir de uma única imagem de origem - defina o tamanho base em pontos lógicos, escolha saída PNG ou JPEG e baixe as três variantes de escala como um ZIP pronto para o Xcode com Contents.json incluído. Todo o processamento acontece localmente no seu navegador, sem uploads para servidores e sem registro.
@2x = 88×88px · @3x = 132×132px
PNG is recommended for icons and UI assets with transparency.
iOS Asset Scale Variants
@1x - Standard
Base logical size
Non-Retina displays
@2x - Retina
2× the base size
iPhone 6/7/8, iPad Pro
@3x - Super Retina
3× the base size
iPhone X, 11, 12, 13, 14, 15
The ZIP includes a Contents.json file ready to drop into an Xcode asset catalog (.xcassets).
Por que usar nossa ferramenta de comprimir imagem para app iOS?
- Geração instantânea de recursos iOS: nossa ferramenta de comprimir imagem para app iOS gera as três variantes de escala (@1x, @2x, @3x) a partir de uma única imagem de origem em segundos - sem Photoshop, sem Sketch, sem ferramentas de linha de comando. Faça o upload, defina seu tamanho base e baixe todas as variantes na hora.
- Comprimir imagem para app iOS online seguro: suas imagens nunca saem do seu dispositivo. A ferramenta de comprimir imagem para app iOS roda 100% no lado do cliente, no seu navegador - sem uploads para servidores, sem retenção de dados e sem risco à privacidade. Seguro para comprimir ícones de apps proprietárias, recursos de interface e imagens de marca.
- Comprimir imagem para app iOS sem instalação: gere variantes de recursos iOS diretamente no navegador, sem instalar Xcode, ImageMagick ou qualquer outra ferramenta. A ferramenta de comprimir imagem para app iOS funciona no Windows, macOS e Linux - abra a página e comece a gerar imediatamente.
- ZIP pronto para Xcode com Contents.json: o download ZIP inclui um arquivo Contents.json pronto para uso, formatado para catálogos de recursos do Xcode (.xcassets). Coloque o conteúdo do ZIP diretamente no catálogo de recursos do seu projeto Xcode - nenhuma configuração manual necessária.
O que são as variantes de escala iOS @1x, @2x e @3x?
Os dispositivos iOS usam um sistema de coordenadas em pontos lógicos, independente da densidade física de pixels da tela. Um botão de 44×44 pontos ocupa o mesmo espaço lógico em todos os iPhone, mas as dimensões reais em pixels variam por dispositivo: @1x (44×44 px, não Retina), @2x (88×88 px, Retina) e @3x (132×132 px, Super Retina no iPhone X e posteriores). O iOS seleciona automaticamente a variante de escala correta com base na densidade de tela do dispositivo - se você fornecer apenas um tamanho, o iOS vai ampliá-lo ou reduzi-lo, resultando em imagens desfocadas ou pixeladas. Nossa ferramenta de comprimir imagem para app iOS gera as três variantes a partir de uma única imagem de origem para que seu app fique nítido em todos os dispositivos.
Como funciona nossa ferramenta de comprimir imagem para app iOS
- Faça o upload da sua imagem de origem: arraste qualquer arquivo de imagem - PNG, JPEG, WebP ou GIF - para a zona de upload. A ferramenta detecta automaticamente as dimensões da imagem e preenche o tamanho base @1x (tratando sua origem como imagem @3x). Ajuste a largura e a altura base para corresponder ao tamanho em pontos lógicos desejado.
- Gere todas as variantes de escala: clique em «Gerar @1x @2x @3x» e a ferramenta renderiza sua imagem nos três fatores de escala usando a API HTML5 Canvas. Todo o processamento acontece localmente no seu navegador - suas imagens nunca saem do seu dispositivo.
- Baixe como ZIP pronto para Xcode: clique em «Baixar ZIP + Contents.json» para baixar as três variantes mais um arquivo Contents.json formatado para catálogos de recursos do Xcode. Coloque o conteúdo do ZIP diretamente na sua pasta .xcassets no Xcode.
O que a ferramenta gera
- Variante @1x: renderizada no tamanho base em pontos lógicos que você especificar (por exemplo, 44×44 px para um alvo de toque padrão). Usada em telas não Retina e como referência base do catálogo de recursos.
- Variante @2x: renderizada exatamente em 2× o tamanho base (por exemplo, 88×88 px). Usada em telas Retina, incluindo iPhone 6/7/8, iPad Pro e a maioria dos iPads modernos.
- Variante @3x: renderizada exatamente em 3× o tamanho base (por exemplo, 132×132 px). Usada em telas Super Retina, incluindo as séries iPhone X, 11, 12, 13, 14 e 15.
- Contents.json: um arquivo de manifesto válido de catálogo de recursos do Xcode que associa cada arquivo de imagem ao seu fator de escala - coloque-o na sua pasta .xcassets junto com os três arquivos de imagem para reconhecimento imediato pelo Xcode.
Limitações importantes
Esta ferramenta gera variantes de imagem raster com fatores de escala fixos. Ela não oferece suporte a recursos PDF vetoriais (que o Xcode pode usar para gerar todas as escalas automaticamente) nem a imagens de símbolo (SF Symbols). Para ícones de app especificamente, a Apple exige tamanhos adicionais além de @1x/@2x/@3x - use a ferramenta Gerador de ícones de app para conjuntos completos de ícones da App Store. A ferramenta de comprimir imagem para app iOS é mais adequada para recursos de imagem de interface, ícones de barra de abas e ilustrações personalizadas.
Perguntas frequentes
O iOS usa um sistema de coordenadas em pontos lógicos, no qual um botão de 44×44 pontos ocupa o mesmo espaço lógico em todos os dispositivos. A variante @1x é 44×44 px (não Retina), a @2x é 88×88 px (Retina) e a @3x é 132×132 px (Super Retina no iPhone X e posteriores). O iOS seleciona automaticamente a variante correta com base na densidade de tela do dispositivo - fornecer as três garante renderização nítida em todos os dispositivos.
O tamanho base é o tamanho em pontos lógicos @1x do seu recurso. Para alvos de toque padrão, a Apple recomenda 44×44 pt. Para ícones de barra de abas, 25×25 pt é o padrão. Para ícones de barra de navegação, 22×22 pt. A ferramenta preenche automaticamente o tamanho base dividindo as dimensões da sua imagem de origem por 3 (tratando-a como origem @3x), que é o fluxo de trabalho mais comum.
Sim, totalmente. A ferramenta de comprimir imagem para app iOS é executada inteiramente no lado do cliente, no seu navegador. Suas imagens nunca são enviadas a nenhum servidor, nunca são armazenadas e nunca são transmitidas pela rede. Toda a renderização e compressão acontecem localmente na memória do navegador usando a API HTML5 Canvas.
Sim. A ferramenta de comprimir imagem para app iOS é 100% gratuita, sem registro, sem nível premium, sem limites de tamanho de arquivo e sem marcas d'água. Você pode gerar quantos conjuntos de recursos iOS a memória do seu navegador permitir, sem restrições.
Contents.json é o arquivo de manifesto que o Xcode usa para identificar imagens em um catálogo de recursos (.xcassets). Ele associa cada nome de arquivo de imagem ao seu fator de escala (1x, 2x, 3x) e idioma (universal). Coloque o conteúdo do ZIP diretamente na sua pasta .xcassets no Xcode e o recurso será reconhecido imediatamente, sem configuração manual.
O PNG é recomendado para a maioria dos recursos de interface do iOS - ele oferece suporte a transparência total com canal alfa, é sem perdas e é nativamente compatível com todas as versões do iOS. Use JPEG para imagens fotográficas nas quais a transparência não é necessária e o tamanho do arquivo é prioridade. O WebP é compatível com iOS 14 ou posterior, mas pode não ser compatível com alvos de implantação mais antigos.
Sim. O React Native usa a mesma convenção de nomenclatura @1x/@2x/@3x para recursos de imagem do iOS (por exemplo, image.png, [email protected], [email protected]). O Flutter também oferece suporte a essa convenção para iOS. A ferramenta gera arquivos com o padrão de nomenclatura correto - basta colocá-los no diretório de assets do seu projeto.
Os ícones da App Store exigem vários tamanhos específicos além das variantes padrão @1x/@2x/@3x (por exemplo, 1024×1024 para a App Store, 60×60 @2x e @3x para a tela inicial). Esta ferramenta gera as três variantes de escala no tamanho base que você especificar, o que cobre recursos de imagem de interface e ícones de barra de abas. Para um conjunto completo de ícones da App Store, use uma ferramenta dedicada de geração de ícones de app.
A ferramenta ampliará sua imagem de origem para gerar as variantes maiores, o que pode resultar em saída desfocada. Para melhores resultados, sempre comece com uma imagem de origem pelo menos tão grande quanto o tamanho @3x desejado (3× a largura e a altura base). A ferramenta preenche o tamanho base dividindo suas dimensões de origem por 3, então se sua origem é 132×132 px, a saída @3x ficará perfeita pixel a pixel.