Formatos de arquivo

Quais formatos o pxstud.io abre e exporta, e o que cada um mantém.

Abra arquivos com Arquivo > Abrir... (ou solte-os sobre o editor) e exporte com Arquivo > Exportar.... Como usar cada opção está em Abrir, importar e exportar.

FormatoAbreExportaAnimaçãoCamadas
pxstud.io (.pxstudio)simcom Arquivo > Salvar como...simtudo é mantido
Aseprite (.aseprite, .ase)simsimsimcamadas, grupos, cels vinculados, tags, slices, tilemaps e a paleta
PNGuma imagemuma imagem, ou uma por quadrocomo arquivos separadosachatadas
APNG (PNG animado, .png ou .apng)sim, com o tempo de cada quadroanimadosimachatadas
GIFsim, com o tempo de cada quadroanimadosimachatadas
WebPestático ou animadoestático ou animadosimachatadas
JPEGsim (sem transparência)uma imagem por quadronãoachatadas
AVIFuma imagemuma imagem por quadro (sem perdas por padrão)nãoachatadas
BMP, TGA, PCXuma imagemuma imagem por quadronãoachatadas
QOIuma imagemuma imagem por quadronãoachatadas
ICO (ícone do Windows)a maior imagem do arquivoum ícone por quadro, até 256×256, opcionalmente com todos os tamanhos inteiros maioresnãoachatadas
CUR (cursor do Windows)a maior imagem, com seu ponto de cliquecomo o ICO, com o ponto de cliquenãoachatadas
Netpbm (.pbm, .pgm, .ppm, .pnm, .pam)uma imagemuma imagem por quadro (.pgm, .ppm ou .pam com transparência)nãoachatadas
Photoshop (.psd, .psb)simo quadro ativonãocamadas, grupos, modos de mesclagem, opacidade, visibilidade, máscara de corte
OpenRaster (.ora)simo quadro ativonãocamadas, grupos, modos de mesclagem, opacidade, visibilidade
Piskel (.piskel)simsimsimcamadas (grupos achatados na exportação)
Pixilart (.pixil)simnãosimcamadas
Pixelorama (.pxo, versão 1.0 em diante)simnãosim, com tagscamadas, grupos, tilemaps, cels vinculados
Pyxel Edit (.pyxel)simnãoas animações viram quadros e tagscamadas
FLI/FLC (Autodesk Animator)simsimsimachatadas, até 256 cores
SVGpor Importar como pixel artuma imagem por quadronãoachatadas
Vídeo MP4nãoonde o navegador consegue gerar vídeosimachatadas
Sprite sheet (PNG + JSON)com Arquivo > Importar > Sprite sheet...simquadros em uma imagempode separar camadas e tags em linhas
Godot 4 SpriteFrames (PNG + .tres)nãosim, como arquivo de dados de uma sprite sheetuma animação por tagpode separar camadas
Tilemap (Tiled .tmj/.tsj, JSON)nãosimJSON: todos os quadros; Tiled: um quadroapenas camadas de tilemap
Paletas (.gpl, .pal, .hex, .act, .aco, .ase, …)na Biblioteca de paletasna Biblioteca de paletas

Limites de tamanho. Os formatos animados e os arquivos Aseprite abrem com até 4096 pixels de cada lado.

Abrir imagens. Uma imagem abre como um sprite com uma camada. As imagens indexadas (GIF, FLC, PNG de 8 bits, BMP, TGA, PCX, ICO, arquivos indexados do Photoshop) abrem como sprites indexados com a paleta delas (inclusive as cores parcialmente transparentes de um PNG de 8 bits); as imagens em tons de cinza (PGM, PBM, PNG cinza, arquivos cinza do Photoshop) abrem como sprites em tons de cinza; um GIF cujos quadros têm paletas diferentes mantém uma paleta por quadro. Um PNG animado (um APNG) abre com todos os quadros e seus tempos, seja o nome dele .png ou .apng.

Arquivos de outros editores. Os arquivos do Photoshop, do OpenRaster (Krita, GIMP, MyPaint), do Piskel, do Pixilart, do Pixelorama e do Pyxel Edit abrem com as camadas. Tudo o que não passa para cá é listado em um aviso:

  • Um modo de mesclagem que o pxstud.io não tem vira Normal.
  • Os grupos Pass Through do Photoshop abrem como grupos pass-through e os outros grupos como isolados, e são exportados do mesmo jeito. Um grupo Pass Through com menos de 100% de opacidade só pode ser desenhado isolado: quando uma camada dentro dele usa outro modo de mesclagem, o aviso diz que pode ficar diferente.
  • Os grupos do OpenRaster mantêm o isolamento (isolation="isolate" é um grupo isolado). No Pixelorama, um grupo definido como Pass Through abre como pass-through e qualquer outro grupo como isolado.
  • As máscaras de camada do Photoshop são aplicadas aos pixels da camada. As camadas de ajuste, o texto e os efeitos entram como seus pixels, ou não entram.
  • As camadas de tilemap do Pixelorama abrem como camadas de tilemap: camadas que compartilham um tileset continuam compartilhando, e tiles espelhados e transpostos mantêm a transformação. Um tilemap com tiles isométricos, hexagonais ou de meio deslocamento, ou um que a grade de tiles quadrada não consegue comportar, abre como uma camada comum com os pixels dele. Um projeto indexado do Pixelorama abre como um sprite indexado, com as cores da paleta nas mesmas posições; se os índices e as cores do arquivo não concordam, ele abre como RGBA. Os cels vinculados continuam vinculados, e as guias e os dados do usuário (notas de projeto, camada, cel, tag e tile, cores de camada e de cel) vêm junto.
  • Os efeitos de camada, as camadas 3D e de áudio e os dados do usuário de quadros do Pixelorama são ignorados (o aviso nomeia as camadas). Os arquivos anteriores ao Pixelorama 1.0 precisam ser salvos de novo em um Pixelorama mais recente.
  • Um arquivo do Pyxel Edit com animações abre no tamanho do tile, com um quadro por célula de animação e uma tag por animação; o resto da tela não é mantido.
  • O Piskel guarda uma única taxa de quadros para o arquivo inteiro, então, na exportação, usa a duração de quadro mais comum. A exportação dele também deixa de fora as camadas ocultas e não tem grupos nem modos de mesclagem.

Ícones e cursores. Um arquivo ICO ou CUR guarda uma imagem por tamanho; o pxstud.io abre a maior. O ponto de clique de um cursor (o hotspot) entra como um slice chamado Hotspot com o pivô naquele pixel. Exportar um cursor usa o pivô de um slice chamado hotspot, ou o pixel do canto superior esquerdo quando não há nenhum.

Tempo do FLC. Os players de FLC mostram todos os quadros pelo mesmo tempo, então a exportação FLC do pxstud.io repete um quadro quantas vezes a duração dele pedir (como o Aseprite faz), e abrir um FLC junta os quadros repetidos de volta em um. Dois quadros vizinhos que parecem iguais viram um só quadro nos dois casos.

APNG ou GIF? Um PNG animado mantém todas as cores, a transparência suave e os tempos exatos dos quadros, e funciona em todos os navegadores atuais. O GIF tem no máximo 256 cores, só pixels totalmente transparentes ou totalmente sólidos e tempos em passos de 10 ms, mas quase tudo consegue exibi-lo. Os apps sem suporte a APNG mostram o primeiro quadro de um PNG animado.

Os arquivos Aseprite mantêm quase tudo. Ao abrir um, um aviso lista o que não pôde ser mantido: um perfil de cor incorporado (o pxstud.io trabalha em sRGB), um modo de mesclagem que o pxstud.io não tem (definido como Normal), uma camada de tilemap que não está na grade de tiles dela (aberta como camada de imagem), uma camada de referência que mostra imagens diferentes em quadros diferentes (a primeira é mantida), ou um cel danificado ou um tipo de camada desconhecido (deixados de fora, como o Aseprite faz, enquanto o resto do arquivo abre).

O Aseprite não tem máscaras de corte. O pxstud.io salva a máscara de corte de uma camada no arquivo .aseprite como uma propriedade sob o próprio nome de extensão pxstudio, que o Aseprite guarda mas ignora. A camada é desenhada sem corte no Aseprite e volta a ser cortada quando o arquivo é reaberto no pxstud.io.

O Aseprite isola todos os grupos ou nenhum: os grupos são pass-through, a menos que Compose groups separately (nas preferências Experimentais dele) esteja ativado. Quando um sprite tem um grupo isolado, o arquivo .aseprite do pxstud.io pede grupos compostos (e mantém a opacidade e os modos de mesclagem dos grupos) e marca cada grupo que não é isolado com isolated: false sob o nome de extensão pxstudio. O Aseprite então desenha esses grupos isolados também quando essa opção está ativada, enquanto o pxstud.io os reabre como pass-through. Um arquivo com grupos compostos vindo do Aseprite abre com todos os grupos isolados.