{"_id":"gulp-mobile-splashscreens","_rev":"27-c9e0b48dfb8fff499bfecf3f80c1dfe1","name":"gulp-mobile-splashscreens","dist-tags":{"latest":"1.2.1"},"versions":{"1.0.0":{"name":"gulp-mobile-splashscreens","version":"1.0.0","keywords":["gulpplugin","ios","splashscreens"],"author":{"name":"Collaborne","email":"info@collaborne.com"},"license":"MIT","_id":"gulp-mobile-splashscreens@1.0.0","maintainers":[{"name":"ronnyroeller","email":"npm@collaborne.com"}],"homepage":"https://github.com/Collaborne/gulp-mobile-splashscreens#readme","bugs":{"url":"https://github.com/Collaborne/gulp-mobile-splashscreens/issues"},"dist":{"shasum":"db36f277a31a8a7c9dc4fa781182b99fc0934b6e","tarball":"https://registry.npmjs.org/gulp-mobile-splashscreens/-/gulp-mobile-splashscreens-1.0.0.tgz","integrity":"sha512-8tZQ7OCPwEmzX5dBg6aJVSqwvHuleYdJ188CFLq97yvRXrn5uO5Is0Lyqh01O6GwIqxy/9rR69FMGs4WF/i0Fw==","signatures":[{"sig":"MEQCIECvAp+oJE2dp/mDGTo8QFZKoKdmfYf2eYqrPz5WdaGzAiBsB+tM/GNB/imxmWNAfrjKVkwlYbNoMZKcAFpy1bvhhQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"db36f277a31a8a7c9dc4fa781182b99fc0934b6e","engines":{"node":">=0.12"},"gitHead":"f4b745a6f2d106eaa08e589e1392e72421ff4730","scripts":{"test":"mocha"},"_npmUser":{"name":"ronnyroeller","email":"npm@collaborne.com"},"repository":{"url":"git+https://github.com/Collaborne/gulp-mobile-splashscreens.git","type":"git"},"_npmVersion":"4.0.5","description":"Gulp plugin that creates PNG splashscreens for iOS based on a SVG image","directories":{},"_nodeVersion":"6.6.0","dependencies":{"svg2png":"git+https://github.com/Collaborne/svg2png.git#master","through2":"^2.0.3","gulp-util":"^3.0.7"},"devDependencies":{"mocha":"^2.1.0","should":"^7.0.1"},"_npmOperationalInternal":{"tmp":"tmp/gulp-mobile-splashscreens-1.0.0.tgz_1483371897321_0.9466209376696497","host":"packages-18-east.internal.npmjs.com"}},"1.0.1":{"name":"gulp-mobile-splashscreens","version":"1.0.1","keywords":["gulpplugin","ios","splashscreens"],"author":{"name":"Collaborne","email":"info@collaborne.com"},"license":"MIT","_id":"gulp-mobile-splashscreens@1.0.1","maintainers":[{"name":"ronnyroeller","email":"npm@collaborne.com"}],"homepage":"https://github.com/Collaborne/gulp-mobile-splashscreens#readme","bugs":{"url":"https://github.com/Collaborne/gulp-mobile-splashscreens/issues"},"dist":{"shasum":"ae434b4e25c681334c124c06ae2be39db07e8ce7","tarball":"https://registry.npmjs.org/gulp-mobile-splashscreens/-/gulp-mobile-splashscreens-1.0.1.tgz","integrity":"sha512-qLc0A36ZA0zOPTouMZlxuoVfH7+761c+fR8AoZfLrdDd8XDidiCvYHnrssvVK6eaIPMrjFwqo12IQ1u41ZVOXQ==","signatures":[{"sig":"MEUCIQD5ISMWafGPOGzfr2DZfUphb7diVyNg0nEDEJaJZ8l4hwIgANWfvEPDanhQQ2PjejPpROXGQcR+7onNtwz0C3tFFlc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"ae434b4e25c681334c124c06ae2be39db07e8ce7","engines":{"node":">=0.12"},"gitHead":"4fa654f6689c0c2497ca59471551d5f0e7891187","scripts":{"test":"mocha"},"_npmUser":{"name":"ronnyroeller","email":"npm@collaborne.com"},"repository":{"url":"git+https://github.com/Collaborne/gulp-mobile-splashscreens.git","type":"git"},"_npmVersion":"4.0.5","description":"Gulp plugin that creates PNG splashscreens for iOS based on a SVG image","directories":{},"_nodeVersion":"6.6.0","dependencies":{"svg2png":"git+https://github.com/Collaborne/svg2png.git#master","through2":"^2.0.3","gulp-util":"^3.0.7"},"devDependencies":{"mocha":"^2.1.0","should":"^7.0.1"},"_npmOperationalInternal":{"tmp":"tmp/gulp-mobile-splashscreens-1.0.1.tgz_1483379683656_0.8950017017778009","host":"packages-12-west.internal.npmjs.com"}},"1.1.0":{"name":"gulp-mobile-splashscreens","version":"1.1.0","keywords":["gulpplugin","ios","splashscreens"],"author":{"name":"Collaborne","email":"info@collaborne.com"},"license":"MIT","_id":"gulp-mobile-splashscreens@1.1.0","maintainers":[{"name":"ronnyroeller","email":"npm@collaborne.com"}],"homepage":"https://github.com/Collaborne/gulp-mobile-splashscreens#readme","bugs":{"url":"https://github.com/Collaborne/gulp-mobile-splashscreens/issues"},"dist":{"shasum":"e6e80c3dbef107c03ddede090ca4d22282c362e2","tarball":"https://registry.npmjs.org/gulp-mobile-splashscreens/-/gulp-mobile-splashscreens-1.1.0.tgz","integrity":"sha512-h6dN3UjMt1sKQZRapxqJzKcIM59a0flcQ+o8uUj+z0KqIk+r22KG/VIn1nIVEDpq7cr26QEb0zJZW96esE0+Lg==","signatures":[{"sig":"MEUCIQDQCIj25i4mswLoSki0DIm7QdjQJR4N8t6hPYBJrg8paAIgBjRqVbfIs72eXoD2b7Gm2cEE5wUdxs4oD0uVlJve8Sk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"e6e80c3dbef107c03ddede090ca4d22282c362e2","engines":{"node":">=0.12"},"gitHead":"e2ebb193859eef25f12ebfab8f43bf3d276682f0","scripts":{"test":"mocha"},"_npmUser":{"name":"ronnyroeller","email":"npm@collaborne.com"},"repository":{"url":"git+https://github.com/Collaborne/gulp-mobile-splashscreens.git","type":"git"},"_npmVersion":"4.0.5","description":"Gulp plugin that creates PNG splashscreens for iOS based on a SVG image","directories":{},"_nodeVersion":"6.6.0","dependencies":{"svg2png":"^4.1.1","through2":"^2.0.3","gulp-util":"^3.0.7"},"devDependencies":{"mocha":"^2.1.0","should":"^7.0.1"},"_npmOperationalInternal":{"tmp":"tmp/gulp-mobile-splashscreens-1.1.0.tgz_1483439645095_0.7523944491986185","host":"packages-12-west.internal.npmjs.com"}},"1.2.0":{"name":"gulp-mobile-splashscreens","version":"1.2.0","keywords":["gulpplugin","ios","splashscreens"],"author":{"name":"Collaborne","email":"info@collaborne.com"},"license":"MIT","_id":"gulp-mobile-splashscreens@1.2.0","maintainers":[{"name":"ankon","email":"andreas.kohn@gmail.com"},{"name":"ronnyroeller","email":"npm@collaborne.com"}],"homepage":"https://github.com/Collaborne/gulp-mobile-splashscreens#readme","bugs":{"url":"https://github.com/Collaborne/gulp-mobile-splashscreens/issues"},"dist":{"shasum":"ec7ee6b6f8428f2019cabea0b89d4bb7dfbdeddf","tarball":"https://registry.npmjs.org/gulp-mobile-splashscreens/-/gulp-mobile-splashscreens-1.2.0.tgz","integrity":"sha512-DV7ZPkMtGCFOEMbvceE74TcUYUebcDcB0SEZs1SOvxoT84zoqEMybEy7FTArKzTO6wbILQXFNWtyvSCXoB6PZg==","signatures":[{"sig":"MEQCIFrnc2UDSqTzMrzGiM+zO1s4p0gI2v8qlOrkEjx+R0rwAiA3Cj/Z86EvV03qMFPz1oZihqFfZAA6rDYBygT+aXaBaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"ec7ee6b6f8428f2019cabea0b89d4bb7dfbdeddf","engines":{"node":">=0.12"},"gitHead":"054903e2946755d95e2b54dd925ff06796f4db13","scripts":{"test":"mocha"},"_npmUser":{"name":"ronnyroeller","email":"npm@collaborne.com"},"repository":{"url":"git+https://github.com/Collaborne/gulp-mobile-splashscreens.git","type":"git"},"_npmVersion":"4.0.5","description":"Gulp plugin that creates PNG splashscreens for iOS based on a SVG image","directories":{},"_nodeVersion":"6.6.0","dependencies":{"svg2png":"^4.1.1","through2":"^2.0.3","gulp-util":"^3.0.7"},"devDependencies":{"mocha":"^2.1.0","should":"^7.0.1"},"_npmOperationalInternal":{"tmp":"tmp/gulp-mobile-splashscreens-1.2.0.tgz_1485262839530_0.9473710737656802","host":"packages-18-east.internal.npmjs.com"}},"1.2.1":{"name":"gulp-mobile-splashscreens","version":"1.2.1","keywords":["gulpplugin","ios","splashscreens"],"author":{"name":"Collaborne","email":"info@collaborne.com"},"license":"MIT","_id":"gulp-mobile-splashscreens@1.2.1","maintainers":[{"name":"ankon","email":"andreas.kohn@gmail.com"},{"name":"cminardi","email":"claudia.minardi@collaborne.com"},{"name":"collaborne-team","email":"npm@collaborne.com"},{"name":"ronnyroeller","email":"ronny.roeller@collaborne.com"}],"homepage":"https://github.com/Collaborne/gulp-mobile-splashscreens#readme","bugs":{"url":"https://github.com/Collaborne/gulp-mobile-splashscreens/issues"},"dist":{"shasum":"b1333b5aa602d79d5a019a323256bfa8db53a60a","tarball":"https://registry.npmjs.org/gulp-mobile-splashscreens/-/gulp-mobile-splashscreens-1.2.1.tgz","fileCount":9,"integrity":"sha512-+0czLZem8Z3uGjS8nriPXVkxWfslIxD/yC4is/JISwNC37GdREMvjvLlIugFo586aABcy/utpspju5mENLwWQQ==","signatures":[{"sig":"MEQCIEWlOijd6rDRfj+JRS2rHRhdhBoOXydahvu8KovKS6vrAiBMa8GX9hM5ozp9R+/XlVPnoJe/wDw4PqyQ/3u8IWxmSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33960,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9T1TCRA9TVsSAnZWagAApRgP/Ah8aycrXQIo3I1Ma87n\nqq1ddnxSaQBkIAyr+vQ0lXhNtDkwBfeXGQVIu0HiMCPlHhgQafWh49Ht8Lq5\nnKTQBssqbt7ujXtnW/7H7WikjOtxNytmk/BW7mmMZ1i8zCQLWJqvC9nlQLXs\ntCKEIPfZtWCxE3DSMQHvH4R6NlhxkfWU7Kmet8Q7MkpcB+gP5/8Y7188lVCc\nyazYMr3NcGgAvwfDpL7f+p/OrifSQaL8ivnOLHJyF+/OoZ8UyEm3g9N1zrzo\nN87hVBTkF+ZlXAH7iNz3TdVLMwmhme/gbcScErpBjbMRoAO1CNdd3m10+51G\n67FPtPsL2i7bczZv+oQ+Ka+sut8bl4CNNNKVZqDU8BYxN+D1os56gPG8As3s\n1lweZAAPoaMVxav4nNlsFnsElE4frawCtsvYZmflR8DYoW4sPK/GMBA3JwP5\nkETE7PsG8mVG6SSssc1UsiWwAeoPjpNIcFUIEQWyNH2EnxSgG+0DFKi0Rwu4\nCsUS4gaYGCsRL5y9SJM5oZPRnTbcsVhx5fdBQGda21l5fOsA2u5iIaLztwiB\n0pjW7yPaaqZP1JF+qUlV3mMaAIMtwAQpmyHufL8O9IW3DO7cqLQGXrn/uyS8\nvBES3FKBgufH3aNXLxdGRZN2wHWurAKbMCWFhcW/8vGbyFxDvC+Dc3OOv0yt\nnAoe\r\n=fgRa\r\n-----END PGP SIGNATURE-----\r\n"},"engines":{"node":">=0.12"},"gitHead":"6ab7c0d9ba21a05e2c401e9ab8c955e1aeeb95d3","scripts":{"test":"mocha"},"_npmUser":{"name":"collaborne-team","email":"npm@collaborne.com"},"repository":{"url":"git+https://github.com/Collaborne/gulp-mobile-splashscreens.git","type":"git"},"_npmVersion":"6.4.1","description":"Gulp plugin that creates PNG splashscreens for iOS based on a SVG image","directories":{},"_nodeVersion":"11.2.0","dependencies":{"svg2png":"^4.1.1","through2":"^2.0.3","gulp-util":"^3.0.7"},"_hasShrinkwrap":false,"devDependencies":{"mocha":"^4.0.0","should":"^13.0.0"},"_npmOperationalInternal":{"tmp":"tmp/gulp-mobile-splashscreens_1.2.1_1542798674598_0.8629918084351207","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-01-02T15:44:57.926Z","modified":"2025-08-16T08:40:46.028Z","1.0.0":"2017-01-02T15:44:57.926Z","1.0.1":"2017-01-02T17:54:45.743Z","1.1.0":"2017-01-03T10:34:07.106Z","1.2.0":"2017-01-24T13:00:40.085Z","1.2.1":"2018-11-21T11:11:14.758Z"},"bugs":{"url":"https://github.com/Collaborne/gulp-mobile-splashscreens/issues"},"author":{"name":"Collaborne","email":"info@collaborne.com"},"license":"MIT","homepage":"https://github.com/Collaborne/gulp-mobile-splashscreens#readme","keywords":["gulpplugin","ios","splashscreens"],"repository":{"url":"git+https://github.com/Collaborne/gulp-mobile-splashscreens.git","type":"git"},"description":"Gulp plugin that creates PNG splashscreens for iOS based on a SVG image","maintainers":[{"email":"ronny@nextapp.co","name":"ronnyroeller"},{"email":"npm@nextapp.co","name":"collaborne-team"},{"email":"sudhons@gmail.com","name":"sudhons"},{"email":"idriss.mahjoubi@nextapp.co","name":"idrissmahjoubi"}],"readme":"# gulp-mobile-splashscreens [![Build Status](https://travis-ci.org/Collaborne/gulp-mobile-splashscreens.svg?branch=master)](https://travis-ci.org/Collaborne/gulp-mobile-splashscreens) [![Greenkeeper badge](https://badges.greenkeeper.io/Collaborne/gulp-mobile-splashscreens.svg)](https://greenkeeper.io/)\n\nGulp plugin that creates PNG splashscreens for iOS and Android based on a SVG image\n\nPlease read this [blog post](https://medium.com/collaborne-engineering/the-pain-of-producing-mobile-icons-and-splash-screens-and-how-to-get-rid-off-it-b37372618ea0#.up1ljd9r9) for a detailed explanation of the problem that the plugin solves.\n\n## Usage\n\nTo use the the plugin in your gulp process:\n\n```javascript\nconst gulp = require('gulp');\nconst mobileSplashscreens = require('gulp-mobile-splashscreens');\n\ngulp.task('default', [], function() {\n    gulp.src('splashscreen.svg')\n        .pipe(mobileSplashscreens())\n        .pipe(gulp.dest('images'));\n});\n```\n\nThis will create all splashscreens in the folder `images/`.\n\n\n### Cordova / PhoneGap\n\nAdd the following to your `config.xml` to use the icons in a Cordova/PhoneGap application:\n\n```html\n<platform name=\"ios\">\n    <!-- Splashscreens -->\n    <splash src=\"images/ios-1080-portrait.png\"       width=\"1080\" height=\"1920\"/>\n    <splash src=\"images/ios-1080-landscape.png\"      width=\"1920\" height=\"1080\"/>\n    <splash src=\"images/ios-750-portrait.png\"        width=\"750\"  height=\"1334\"/>\n    <splash src=\"images/ios-750-landscape.png\"       width=\"1334\" height=\"750\"/>\n    <splash src=\"images/ios-1242-portrait.png\"       width=\"1242\" height=\"2208\"/>\n    <splash src=\"images/ios-1242-landscape.png\"      width=\"2208\" height=\"1242\"/>\n    <splash src=\"images/ios-640-portrait.png\"        width=\"640\"  height=\"1136\"/>\n    <splash src=\"images/ios-640-landscape.png\"       width=\"1136\" height=\"640\"/>\n    <splash src=\"images/ios-640-short-portrait.png\"  width=\"640\"  height=\"960\"/>\n    <splash src=\"images/ios-640-short-landscape.png\" width=\"960\"  height=\"640\"/>\n    <splash src=\"images/ios-320-portrait.png\"        width=\"320\"  height=\"480\"/>\n    <splash src=\"images/ios-320-landscape.png\"       width=\"480\"  height=\"320\"/>\n    <splash src=\"images/ios-2048-portrait.png\"       width=\"2048\" height=\"2732\"/>\n    <splash src=\"images/ios-2048-landscape.png\"      width=\"2732\" height=\"2048\"/>\n    <splash src=\"images/ios-1536-portrait.png\"       width=\"1536\" height=\"2048\"/>\n    <splash src=\"images/ios-1536-landscape.png\"      width=\"2048\" height=\"1536\"/>\n    <splash src=\"images/ios-768-portrait.png\"        width=\"768\"  height=\"1024\"/>\n    <splash src=\"images/ios-768-landscape.png\"       width=\"1024\" height=\"768\"/>\n</platform>\n\n<platform name=\"android\">\n    <splash src=\"images/android-ldpi-portrait.png\"     density=\"port-ldpi\"/>\n    <splash src=\"images/android-ldpi-landscape.png\"    density=\"land-ldpi\"/>\n    <splash src=\"images/android-mdpi-portrait.png\"     density=\"port-mdpi\"/>\n    <splash src=\"images/android-mdpi-landscape.png\"    density=\"land-mdpi\"/>\n    <splash src=\"images/android-hdpi-portrait.png\"     density=\"port-hdpi\"/>\n    <splash src=\"images/android-hdpi-landscape.png\"    density=\"land-hdpi\"/>\n    <splash src=\"images/android-xhdpi-portrait.png\"    density=\"port-xhdpi\"/>\n    <splash src=\"images/android-xhdpi-landscape.png\"   density=\"land-xhdpi\"/>\n    <splash src=\"images/android-xxhdpi-portrait.png\"   density=\"port-xxhdpi\"/>\n    <splash src=\"images/android-xxhdpi-landscape.png\"  density=\"land-xxhdpi\"/>\n    <splash src=\"images/android-xxxhdpi-portrait.png\"  density=\"port-xxxhdpi\"/>\n    <splash src=\"images/android-xxxhdpi-landscape.png\" density=\"land-xxxhdpi\"/>\n</platform>\n```\n\n## FAQ\n\n### Q: Why does iOS add a black background behind my splashscreen?\n\nIf you use a SVG with a transparent background, the `gulp-mobile-splashscreens`\nwill create splashscreens with transparent background. iOS always adds a black\nbackground to those transparent splashscreens.\n\nYou need to add to your SVG a background if you want to have another color. It's important that the background area stretches beyond the image itself because `gulp-mobile-splashscreens` will otherwise add transparent areas around\nthe image to fill the target size of each splashscreen.\n\nFor example, this adds a red background to your splashscreens:\n\n```xml\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"375px\" height=\"667px\" viewBox=\"0 0 375 667\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <rect fill=\"red\" width=\"10000\" height=\"10000\" transform=\"translate(-5000, -5000)\"/>\n    <!-- Your image -->\n</svg>\n```\n\n## Credits\n\nSample icon made by [Freepik](http://www.freepik.com) from [www.flaticon.com](http://www.flaticon.com) is licensed by [Creative Commons BY 3.0](http://creativecommons.org/licenses/by/3.0/)\n","readmeFilename":"README.md"}