RandeleyStudio
Grátis, sem login, tudo gerado no teu browser

Ícones de inventário transparentes e prontos para o servidor.

Sessenta ícones desenhados a pensar no grid do inventário: 100×100, fundo transparente, centrado. Pesquisa, descarrega PNG/WebP ou junta vários num zip com o items.lua já escrito.

Ver a biblioteca Gerar / preparar ícone
60 ícones na biblioteca PNG e WebP com alpha Zip com items.lua e items.sql
Biblioteca

Escolhe, ajusta o tamanho e descarrega

Cada ícone existe em vetor. Descarrega a 100×100 para o inventário ou a 256×256 para lojas e documentação. O ficheiro sai sempre com o nome do item.

Importador

Traz os teus ícones para dentro

Larga aqui os ícones que quiseres usar. O Importador corta para 100×100 transparente, converte para WebP, arruma os nomes no padrão qb e devolve o items.lua pronto.

Larga aqui as imagens .png, .webp ou .jpg, quantas quiseres
nenhuma imagem
Gerador

Um ícone que não está na biblioteca

Dois caminhos: prepara uma imagem que já tens (recorte, centrar, tamanho e contorno) ou compõe um ícone novo a partir da biblioteca com fundo e cor próprios. O resultado sai no formato e no tamanho que o inventário espera.

Larga um PNG ou JPG aqui ou clica para escolher. A imagem fica no teu browser.
Pré-visualização agua.png
Sem imagem carregada

          
Larga uma imagem à esquerda para começar.

        

      

    

  


  
  

    

      

        
Integração

        
O inventário carrega a imagem pelo nome do ficheiro

        
Não há configuração nenhuma além disto: o ficheiro tem de se chamar como o item e ficar na pasta de imagens do inventário.

      

      

        

          
ox_inventory

          
Copia o PNG para ox_inventory/web/images. O nome do ficheiro tem de ser igual ao nome do item. WebP também funciona na NUI.

        

        

          
qb-inventory

          
Coloca em qb-inventory/html/images (ou na pasta da tua versão) e define image no item com o nome do ficheiro.

        

        

          
ESX / esx_inventoryhud

          
Põe o PNG na pasta de imagens do inventário e usa o nome do item na tabela items. O zip já traz o INSERT.

        

        

          
qs-inventory e outros

          
Qualquer inventário que carregue arte por nome de ficheiro funciona igual. Transparente, quadrado e centrado é a regra.

        

      


      

        
100×100tamanho padrão do grid

        
Alphafundo transparente, sem caixa branca

        
~3 KBpor ícone em WebP a 100×100

        
Vetorsai nítido a 64, 100, 256 ou 512

      

    

  


  
  

    

      

        
Dúvidas

        
Perguntas frequentes

      

      

        

          Que tamanho deve ter um ícone de inventário?+
          
O padrão de facto é 100×100 com transparência e o objeto centrado, com uma margem pequena. ox_inventory, qb-inventory, ESX e qs-inventory carregam a imagem tal como está, por isso é o tamanho que deves usar. Para lojas e documentação, descarrega a 256×256.

        

        

          Como ponho o ícone no ox_inventory?+
          
Descarrega o ficheiro, dá-lhe o nome exato do item (por exemplo bandage.png) e coloca em ox_inventory/web/images. Depois reinicia o resource. A ligação é feita pelo nome do ficheiro.

        

        

          Posso descarregar vários ícones de uma vez?+
          
Sim. Ativa Selecionar vários, escolhe os ícones que queres e usa Zip dos selecionados. O zip traz os PNGs com o nome do item, um items.lua (ou items.sql para ESX) e um README com a pasta de destino.

        

        

          O gerador usa alguma API?+
          
Não. O recorte de fundo é feito com um flood fill a partir das bordas da imagem, no teu browser, e a exportação passa por um canvas. Nenhum ficheiro é enviado para fora. Por isso funciona melhor com imagens de fundo liso (branco, cinza, verde).

        

        

          PNG ou WebP?+
          
PNG para máxima compatibilidade. WebP quando tens muitos ícones e queres poupar espaço: a NUI do FiveM corre em Chromium e mostra WebP com transparência sem problema.

        

        

          Posso usar os ícones comercialmente?+
          
Sim, usa no teu servidor como quiseres. Foram desenhados para este site e não têm licenças de terceiros por trás.

        

      

    

  


  

    

      

        

          
Falta um ícone para o teu item novo?

          
Larga a imagem, acerta o recorte e sai com o PNG certo e o código do item.

        

        Abrir o gerador