Don't inline specific icons file content in Gulp/Grunt generated code

Question

Don't inline specific icons file content in Gulp/Grunt generated code

stevie-p opened this issue 9 years ago · 3 comments

When using Gulp, with a custom (transparent) windows icon, the generate-favicon task throws "Error: ENAMETOOLONG: name too long" due to the design.windows.masterPicture.content being 60,196 characters.

Answer 1 · 2016-05-26T09:20:56.000Z

The plugin lets you use file paths and content encoded as base64. Apparently, you are passing base64 content but the plugin is using it as a file name. Could you copy/paste your code snippet?

Answer 2 · 2016-12-07T18:36:42.000Z

Same error:

generated via realfavicongenerator.net



var realFavicon = require ('gulp-real-favicon');
var fs = require('fs');

// File where the favicon markups are stored
var FAVICON_DATA_FILE = 'faviconData.json';

// Generate the icons. This task takes a few seconds to complete.
// You should run it at least once to create the icons. Then,
// you should run it whenever RealFaviconGenerator updates its
// package (see the check-for-favicon-update task below).
gulp.task('generate-favicon', function(done) {
	realFavicon.generateFavicon({
		masterPicture: "master.svg",
		dest: "favicons"
		iconsPath: '/assets/favicons',
		design: {
			ios: {
				masterPicture: {
					type: 'inline',
					content: 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNjAwIgogICBoZWlnaHQ9IjYwMCIKICAgdmlld0JveD0iMCAwIDYwMCA2MDAiCiAgIGlkPSJzdmczNDQ0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJmYXZpY29uLnN2ZyIKICAgaW5rc2NhcGU6ZXhwb3J0LWZpbGVuYW1lPSIvc3J2L21henphbm9sYXJhcGlkYS9pbWFnZXMvbG9nb3MvRkFWSUNPTi5wbmciCiAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSI1NDYuMTc5OTkiCiAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSI1NDYuMTc5OTkiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzNDQ2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIwLjg5NSIKICAgICBpbmtzY2FwZTpjeD0iMzAwIgogICAgIGlua3NjYXBlOmN5PSIzMDAiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI1IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzQ0OSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGl2ZWxsbyAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC00NTIuMzYyMikiPgogICAgPGcKICAgICAgIGlkPSJnMjQiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCg2LjU0MDI5MjYsMCwwLDYuOTE3MjY1MywtMjcuMDEzMTA1LDQwNi40OTc3OSkiCiAgICAgICBzdHlsZT0iZmlsbDojZmFmYWZhO2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSA5NC40NTMsNDYuNDcyIGMgLTEuMjc3LC0xLjA5OSAtNC43ODUsLTQuMDEgLTEwLjM0NywtMS41MjMgLTUuMTE2LDIuMjg5IC05LjAzNywzLjY1MiAtOS4wMzcsMy42NTIgMCwwIC02LjIyMiwyLjg4NyAtMTQuNDcyLC0yLjczMyBMIDQ0LjM5OSwzMy42MzQgNDIuNSwzMi4yMzggYyAtMi41MTcsLTIuMDkxIC0yLjI2OCwxLjEyOCAtMi4yNjgsMS4xMjggMC4xNTMsNy40NTUgLTAuODU0LDEzLjU2NiAtMS4yMjIsMTUuNTM0IDIuMzczLDAuNDg5IDQuMTI3LDIuNjA5IDQuMDU1LDUuMTEyIC0wLjA0NywxLjY3IC0wLjkwNywzLjExNyAtMi4xNzksNC4wMDggbCAtMC44MDksNC45NjIgYyAyLjQ2MiwwLjE5IDQuMzkyLDAuNjEyIDUuOTgsMS40MDEgNy42NDUsMy43OTYgMTIuNDA5LDMuOTMgMTIuNDA5LDMuOTMgMCwwIDQuOTcsMS43NzUgMTYuODg1LC02LjY3MSBsIDE5LjAyLC0xNC4yODcgYyAwLC0xMGUtNCAwLjU2LC0wLjQ3MSAwLjA4MiwtMC44ODMgeiBtIC00NS40MzUsMTIuMzcgYyAtMC40NzIsMCAtMC44NTEsLTAuMzggLTAuODUxLC0wLjg1MSAwLC0wLjQ3MSAwLjM3OSwtMC44NTIgMC44NTEsLTAuODUyIDAuNDcxLDAgMC44NSwwLjM4MSAwLjg1LDAuODUyIDAsMC40NzEgLTAuMzgsMC44NTEgLTAuODUsMC44NTEgeiBNIDQwLjcsNTMuNyBjIC0wLjE5NCwtMS44NjggLTEuODYzLC0zLjIyNSAtMy43MjksLTMuMDMxIC0wLjIwOSwwLjAyMSAtMC40MTcsMC4wNjQgLTAuNjEzLDAuMTE3IEwgMzYuMTk3LDUwLjMyNyAyOC4wOSw0MC41NzggMjUuODYxLDM4LjI2MiBjIDAsMCAtMTYuMTQ2LDMuNTM0IC0xOC43Niw0LjA3NiBDIDYuMzI3LDQyLjUgNi4xNyw0My4xMTEgNi4xNyw0My4xMTEgbCAtMC4zMzgsMS42NTggYyAwLDAgLTEuNTI2LDkuMTQgMC44NzIsMTQuNzY0IDAsMCAwLjIxMywwLjgxMyAwLjczNSwyLjAzIDAuNTMsMS4yMjQgMi4xMDEsNC43NDUgNy40MjEsMy40MjIgMCwwIDIuODkzLC0wLjUwNCA3LjY5NSwtMS41NjIgNS4wOTQsLTAuODM2IDExLjQ1OSwtMS41NTcgMTUuMDI1LC0wLjY5OSBsIDAuODYsLTUuNDU5IC0wLjAwMywwIDAuMDAzLC0wLjAyNCAwLjAwMiwwLjAxOCBDIDM5Ljg5OCw1Ni43NTEgNDAuODcsNTUuMyA0MC43LDUzLjcgWiBNIDE1LjY5Myw0NS43MSBjIC0wLjQ3MSwwIC0wLjg1MSwtMC4zODEgLTAuODUxLC0wLjg1MiAwLC0wLjQ3MSAwLjM4LC0wLjg1MiAwLjg1MSwtMC44NTIgMC40NzEsMCAwLjg1MSwwLjM4MSAwLjg1MSwwLjg1MiAtMC4wMDEsMC40NzEgLTAuMzgsMC44NTIgLTAuODUxLDAuODUyIHogbSAxNS42NDksOS45NyBjIC0wLjQ3MiwwIC0wLjg1MiwtMC4zNzggLTAuODUyLC0wLjg1MSAwLC0wLjQ3IDAuMzc5LC0wLjg1MiAwLjg1MiwtMC44NTIgMC40NzEsMCAwLjg1LDAuMzgyIDAuODUsMC44NTIgLTEwZS00LDAuNDczIC0wLjM4LDAuODUxIC0wLjg1LDAuODUxIHoiCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmYWZhZmE7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K'
				},
				pictureAspect: 'backgroundAndMargin',
				backgroundColor: '#212121',
				margin: '14%',
				assets: {
					ios6AndPriorIcons: false,
					ios7AndLaterIcons: false,
					precomposedIcons: false,
					declareOnlyDefaultIcon: true
				}
			},
			desktopBrowser: {},
			windows: {
				masterPicture: {
					type: 'inline',
					content: 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNjAwIgogICBoZWlnaHQ9IjYwMCIKICAgdmlld0JveD0iMCAwIDYwMCA2MDAiCiAgIGlkPSJzdmczNDQ0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJmYXZpY29uLnN2ZyIKICAgaW5rc2NhcGU6ZXhwb3J0LWZpbGVuYW1lPSIvc3J2L21henphbm9sYXJhcGlkYS9pbWFnZXMvbG9nb3MvRkFWSUNPTi5wbmciCiAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSI1NDYuMTc5OTkiCiAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSI1NDYuMTc5OTkiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzNDQ2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIwLjg5NSIKICAgICBpbmtzY2FwZTpjeD0iMzAwIgogICAgIGlua3NjYXBlOmN5PSIzMDAiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI1IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzQ0OSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGl2ZWxsbyAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC00NTIuMzYyMikiPgogICAgPGcKICAgICAgIGlkPSJnMjQiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCg2LjU0MDI5MjYsMCwwLDYuOTE3MjY1MywtMjcuMDEzMTA1LDQwNi40OTc3OSkiCiAgICAgICBzdHlsZT0iZmlsbDojZmFmYWZhO2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSA5NC40NTMsNDYuNDcyIGMgLTEuMjc3LC0xLjA5OSAtNC43ODUsLTQuMDEgLTEwLjM0NywtMS41MjMgLTUuMTE2LDIuMjg5IC05LjAzNywzLjY1MiAtOS4wMzcsMy42NTIgMCwwIC02LjIyMiwyLjg4NyAtMTQuNDcyLC0yLjczMyBMIDQ0LjM5OSwzMy42MzQgNDIuNSwzMi4yMzggYyAtMi41MTcsLTIuMDkxIC0yLjI2OCwxLjEyOCAtMi4yNjgsMS4xMjggMC4xNTMsNy40NTUgLTAuODU0LDEzLjU2NiAtMS4yMjIsMTUuNTM0IDIuMzczLDAuNDg5IDQuMTI3LDIuNjA5IDQuMDU1LDUuMTEyIC0wLjA0NywxLjY3IC0wLjkwNywzLjExNyAtMi4xNzksNC4wMDggbCAtMC44MDksNC45NjIgYyAyLjQ2MiwwLjE5IDQuMzkyLDAuNjEyIDUuOTgsMS40MDEgNy42NDUsMy43OTYgMTIuNDA5LDMuOTMgMTIuNDA5LDMuOTMgMCwwIDQuOTcsMS43NzUgMTYuODg1LC02LjY3MSBsIDE5LjAyLC0xNC4yODcgYyAwLC0xMGUtNCAwLjU2LC0wLjQ3MSAwLjA4MiwtMC44ODMgeiBtIC00NS40MzUsMTIuMzcgYyAtMC40NzIsMCAtMC44NTEsLTAuMzggLTAuODUxLC0wLjg1MSAwLC0wLjQ3MSAwLjM3OSwtMC44NTIgMC44NTEsLTAuODUyIDAuNDcxLDAgMC44NSwwLjM4MSAwLjg1LDAuODUyIDAsMC40NzEgLTAuMzgsMC44NTEgLTAuODUsMC44NTEgeiBNIDQwLjcsNTMuNyBjIC0wLjE5NCwtMS44NjggLTEuODYzLC0zLjIyNSAtMy43MjksLTMuMDMxIC0wLjIwOSwwLjAyMSAtMC40MTcsMC4wNjQgLTAuNjEzLDAuMTE3IEwgMzYuMTk3LDUwLjMyNyAyOC4wOSw0MC41NzggMjUuODYxLDM4LjI2MiBjIDAsMCAtMTYuMTQ2LDMuNTM0IC0xOC43Niw0LjA3NiBDIDYuMzI3LDQyLjUgNi4xNyw0My4xMTEgNi4xNyw0My4xMTEgbCAtMC4zMzgsMS42NTggYyAwLDAgLTEuNTI2LDkuMTQgMC44NzIsMTQuNzY0IDAsMCAwLjIxMywwLjgxMyAwLjczNSwyLjAzIDAuNTMsMS4yMjQgMi4xMDEsNC43NDUgNy40MjEsMy40MjIgMCwwIDIuODkzLC0wLjUwNCA3LjY5NSwtMS41NjIgNS4wOTQsLTAuODM2IDExLjQ1OSwtMS41NTcgMTUuMDI1LC0wLjY5OSBsIDAuODYsLTUuNDU5IC0wLjAwMywwIDAuMDAzLC0wLjAyNCAwLjAwMiwwLjAxOCBDIDM5Ljg5OCw1Ni43NTEgNDAuODcsNTUuMyA0MC43LDUzLjcgWiBNIDE1LjY5Myw0NS43MSBjIC0wLjQ3MSwwIC0wLjg1MSwtMC4zODEgLTAuODUxLC0wLjg1MiAwLC0wLjQ3MSAwLjM4LC0wLjg1MiAwLjg1MSwtMC44NTIgMC40NzEsMCAwLjg1MSwwLjM4MSAwLjg1MSwwLjg1MiAtMC4wMDEsMC40NzEgLTAuMzgsMC44NTIgLTAuODUxLDAuODUyIHogbSAxNS42NDksOS45NyBjIC0wLjQ3MiwwIC0wLjg1MiwtMC4zNzggLTAuODUyLC0wLjg1MSAwLC0wLjQ3IDAuMzc5LC0wLjg1MiAwLjg1MiwtMC44NTIgMC40NzEsMCAwLjg1LDAuMzgyIDAuODUsMC44NTIgLTEwZS00LDAuNDczIC0wLjM4LDAuODUxIC0wLjg1LDAuODUxIHoiCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmYWZhZmE7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K'
				},
				pictureAspect: 'noChange',
				backgroundColor: '#2980b9',
				onConflict: 'override',
				assets: {
					windows80Ie10Tile: true,
					windows10Ie11EdgeTiles: {
						small: true,
						medium: true,
						big: true,
						rectangle: true
					}
				}
			},
			androidChrome: {
				pictureAspect: 'noChange',
				themeColor: '#ffffff',
				manifest: {
					display: 'standalone',
					orientation: 'notSet',
					onConflict: 'override',
					declared: true
				},
				assets: {
					legacyIcon: true,
					lowResolutionIcons: true
				}
			},
			safariPinnedTab: {
				masterPicture: {
					type: 'inline',
					content: 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNjAwIgogICBoZWlnaHQ9IjYwMCIKICAgdmlld0JveD0iMCAwIDYwMCA2MDAiCiAgIGlkPSJzdmczNDQ0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJmYXZpY29uLnN2ZyIKICAgaW5rc2NhcGU6ZXhwb3J0LWZpbGVuYW1lPSIvc3J2L21henphbm9sYXJhcGlkYS9pbWFnZXMvbG9nb3MvRkFWSUNPTi5wbmciCiAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSI1NDYuMTc5OTkiCiAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSI1NDYuMTc5OTkiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzNDQ2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIwLjg5NSIKICAgICBpbmtzY2FwZTpjeD0iMzAwIgogICAgIGlua3NjYXBlOmN5PSIzMDAiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI1IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzQ0OSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGl2ZWxsbyAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC00NTIuMzYyMikiPgogICAgPGcKICAgICAgIGlkPSJnMjQiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCg2LjU0MDI5MjYsMCwwLDYuOTE3MjY1MywtMjcuMDEzMTA1LDQwNi40OTc3OSkiCiAgICAgICBzdHlsZT0iZmlsbDojZmFmYWZhO2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSA5NC40NTMsNDYuNDcyIGMgLTEuMjc3LC0xLjA5OSAtNC43ODUsLTQuMDEgLTEwLjM0NywtMS41MjMgLTUuMTE2LDIuMjg5IC05LjAzNywzLjY1MiAtOS4wMzcsMy42NTIgMCwwIC02LjIyMiwyLjg4NyAtMTQuNDcyLC0yLjczMyBMIDQ0LjM5OSwzMy42MzQgNDIuNSwzMi4yMzggYyAtMi41MTcsLTIuMDkxIC0yLjI2OCwxLjEyOCAtMi4yNjgsMS4xMjggMC4xNTMsNy40NTUgLTAuODU0LDEzLjU2NiAtMS4yMjIsMTUuNTM0IDIuMzczLDAuNDg5IDQuMTI3LDIuNjA5IDQuMDU1LDUuMTEyIC0wLjA0NywxLjY3IC0wLjkwNywzLjExNyAtMi4xNzksNC4wMDggbCAtMC44MDksNC45NjIgYyAyLjQ2MiwwLjE5IDQuMzkyLDAuNjEyIDUuOTgsMS40MDEgNy42NDUsMy43OTYgMTIuNDA5LDMuOTMgMTIuNDA5LDMuOTMgMCwwIDQuOTcsMS43NzUgMTYuODg1LC02LjY3MSBsIDE5LjAyLC0xNC4yODcgYyAwLC0xMGUtNCAwLjU2LC0wLjQ3MSAwLjA4MiwtMC44ODMgeiBtIC00NS40MzUsMTIuMzcgYyAtMC40NzIsMCAtMC44NTEsLTAuMzggLTAuODUxLC0wLjg1MSAwLC0wLjQ3MSAwLjM3OSwtMC44NTIgMC44NTEsLTAuODUyIDAuNDcxLDAgMC44NSwwLjM4MSAwLjg1LDAuODUyIDAsMC40NzEgLTAuMzgsMC44NTEgLTAuODUsMC44NTEgeiBNIDQwLjcsNTMuNyBjIC0wLjE5NCwtMS44NjggLTEuODYzLC0zLjIyNSAtMy43MjksLTMuMDMxIC0wLjIwOSwwLjAyMSAtMC40MTcsMC4wNjQgLTAuNjEzLDAuMTE3IEwgMzYuMTk3LDUwLjMyNyAyOC4wOSw0MC41NzggMjUuODYxLDM4LjI2MiBjIDAsMCAtMTYuMTQ2LDMuNTM0IC0xOC43Niw0LjA3NiBDIDYuMzI3LDQyLjUgNi4xNyw0My4xMTEgNi4xNyw0My4xMTEgbCAtMC4zMzgsMS42NTggYyAwLDAgLTEuNTI2LDkuMTQgMC44NzIsMTQuNzY0IDAsMCAwLjIxMywwLjgxMyAwLjczNSwyLjAzIDAuNTMsMS4yMjQgMi4xMDEsNC43NDUgNy40MjEsMy40MjIgMCwwIDIuODkzLC0wLjUwNCA3LjY5NSwtMS41NjIgNS4wOTQsLTAuODM2IDExLjQ1OSwtMS41NTcgMTUuMDI1LC0wLjY5OSBsIDAuODYsLTUuNDU5IC0wLjAwMywwIDAuMDAzLC0wLjAyNCAwLjAwMiwwLjAxOCBDIDM5Ljg5OCw1Ni43NTEgNDAuODcsNTUuMyA0MC43LDUzLjcgWiBNIDE1LjY5Myw0NS43MSBjIC0wLjQ3MSwwIC0wLjg1MSwtMC4zODEgLTAuODUxLC0wLjg1MiAwLC0wLjQ3MSAwLjM4LC0wLjg1MiAwLjg1MSwtMC44NTIgMC40NzEsMCAwLjg1MSwwLjM4MSAwLjg1MSwwLjg1MiAtMC4wMDEsMC40NzEgLTAuMzgsMC44NTIgLTAuODUxLDAuODUyIHogbSAxNS42NDksOS45NyBjIC0wLjQ3MiwwIC0wLjg1MiwtMC4zNzggLTAuODUyLC0wLjg1MSAwLC0wLjQ3IDAuMzc5LC0wLjg1MiAwLjg1MiwtMC44NTIgMC40NzEsMCAwLjg1LDAuMzgyIDAuODUsMC44NTIgLTEwZS00LDAuNDczIC0wLjM4LDAuODUxIC0wLjg1LDAuODUxIHoiCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmYWZhZmE7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K'
				},
				pictureAspect: 'silhouette',
				themeColor: '#2980b9'
			}
		},
		settings: {
			compression: 2,
			scalingAlgorithm: 'Mitchell',
			errorOnImageTooSmall: false
		},
		markupFile: FAVICON_DATA_FILE
	}, function() {
		done();
	});
});

// Inject the favicon markups in your HTML pages. You should run
// this task whenever you modify a page. You can keep this task
// as is or refactor your existing HTML pipeline.
gulp.task('inject-favicon-markups', function() {
	return gulp.src([ 'TODO: List of the HTML files where to inject favicon markups' ])
		.pipe(realFavicon.injectFaviconMarkups(JSON.parse(fs.readFileSync(FAVICON_DATA_FILE)).favicon.html_code))
		.pipe(gulp.dest('TODO: Path to the directory where to store the HTML files'));
});

// Check for updates on RealFaviconGenerator (think: Apple has just
// released a new Touch icon along with the latest version of iOS).
// Run this task from time to time. Ideally, make it part of your
// continuous integration system.
gulp.task('check-for-favicon-update', function(done) {
	var currentVersion = JSON.parse(fs.readFileSync(FAVICON_DATA_FILE)).version;
	realFavicon.checkForUpdates(currentVersion, function(err) {
		if (err) {
			throw err;
		}
	});
});

Console log:

user@linux:/srv/user$ gulp generate-favicon
[19:25:45] Using gulpfile /srv/user/gulpfile.js
[19:25:45] Starting 'generate-favicon'...
[19:25:45] 'generate-favicon' errored after 7.68 ms
[19:25:45] Error: ENAMETOOLONG: name too long, open 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iNjAwIgogICBoZWlnaHQ9IjYwMCIKICAgdmlld0JveD0iMCAwIDYwMCA2MDAiCiAgIGlkPSJzdmczNDQ0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJmYXZpY29uLnN2ZyIKICAgaW5rc2NhcGU6ZXhwb3J0LWZpbGVuYW1lPSIvc3J2L21henphbm9sYXJhcGlkYS9pbWFnZXMvbG9nb3MvRkFWSUNPTi5wbmciCiAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSI1NDYuMTc5OTkiCiAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSI1NDYuMTc5OTkiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzNDQ2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSIwLjg5NSIKICAgICBpbmtzY2FwZTpjeD0iMzAwIgogICAgIGlua3NjYXBlOmN5PSIzMDAiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI1IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMzQ0OSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGl2ZWxsbyAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC00NTIuMzYyMikiPgogICAgPGcKICAgICAgIGlkPSJnMjQiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCg2LjU0MDI5MjYsMCwwLDYuOTE3MjY1MywtMjcuMDEzMTA1LDQwNi40OTc3OSkiCiAgICAgICBzdHlsZT0iZmlsbDojZmFmYWZhO2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSA5NC40NTMsNDYuNDcyIGMgLTEuMjc3LC0xLjA5OSAtNC43ODUsLTQuMDEgLTEwLjM0NywtMS41MjMgLTUuMTE2LDIuMjg5IC05LjAzNywzLjY1MiAtOS4wMzcsMy42NTIgMCwwIC02LjIyMiwyLjg4NyAtMTQuNDcyLC0yLjczMyBMIDQ0LjM5OSwzMy42MzQgNDIuNSwzMi4yMzggYyAtMi41MTcsLTIuMDkxIC0yLjI2OCwxLjEyOCAtMi4yNjgsMS4xMjggMC4xNTMsNy40NTUgLTAuODU0LDEzLjU2NiAtMS4yMjIsMTUuNTM0IDIuMzczLDAuNDg5IDQuMTI3LDIuNjA5IDQuMDU1LDUuMTEyIC0wLjA0NywxLjY3IC0wLjkwNywzLjExNyAtMi4xNzksNC4wMDggbCAtMC44MDksNC45NjIgYyAyLjQ2MiwwLjE5IDQuMzkyLDAuNjEyIDUuOTgsMS40MDEgNy42NDUsMy43OTYgMTIuNDA5LDMuOTMgMTIuNDA5LDMuOTMgMCwwIDQuOTcsMS43NzUgMTYuODg1LC02LjY3MSBsIDE5LjAyLC0xNC4yODcgYyAwLC0xMGUtNCAwLjU2LC0wLjQ3MSAwLjA4MiwtMC44ODMgeiBtIC00NS40MzUsMTIuMzcgYyAtMC40NzIsMCAtMC44NTEsLTAuMzggLTAuODUxLC0wLjg1MSAwLC0wLjQ3MSAwLjM3OSwtMC44NTIgMC44NTEsLTAuODUyIDAuNDcxLDAgMC44NSwwLjM4MSAwLjg1LDAuODUyIDAsMC40NzEgLTAuMzgsMC44NTEgLTAuODUsMC44NTEgeiBNIDQwLjcsNTMuNyBjIC0wLjE5NCwtMS44NjggLTEuODYzLC0zLjIyNSAtMy43MjksLTMuMDMxIC0wLjIwOSwwLjAyMSAtMC40MTcsMC4wNjQgLTAuNjEzLDAuMTE3IEwgMzYuMTk3LDUwLjMyNyAyOC4wOSw0MC41NzggMjUuODYxLDM4LjI2MiBjIDAsMCAtMTYuMTQ2LDMuNTM0IC0xOC43Niw0LjA3NiBDIDYuMzI3LDQyLjUgNi4xNyw0My4xMTEgNi4xNyw0My4xMTEgbCAtMC4zMzgsMS42NTggYyAwLDAgLTEuNTI2LDkuMTQgMC44NzIsMTQuNzY0IDAsMCAwLjIxMywwLjgxMyAwLjczNSwyLjAzIDAuNTMsMS4yMjQgMi4xMDEsNC43NDUgNy40MjEsMy40MjIgMCwwIDIuODkzLC0wLjUwNCA3LjY5NSwtMS41NjIgNS4wOTQsLTAuODM2IDExLjQ1OSwtMS41NTcgMTUuMDI1LC0wLjY5OSBsIDAuODYsLTUuNDU5IC0wLjAwMywwIDAuMDAzLC0wLjAyNCAwLjAwMiwwLjAxOCBDIDM5Ljg5OCw1Ni43NTEgNDAuODcsNTUuMyA0MC43LDUzLjcgWiBNIDE1LjY5Myw0NS43MSBjIC0wLjQ3MSwwIC0wLjg1MSwtMC4zODEgLTAuODUxLC0wLjg1MiAwLC0wLjQ3MSAwLjM4LC0wLjg1MiAwLjg1MSwtMC44NTIgMC40NzEsMCAwLjg1MSwwLjM4MSAwLjg1MSwwLjg1MiAtMC4wMDEsMC40NzEgLTAuMzgsMC44NTIgLTAuODUxLDAuODUyIHogbSAxNS42NDksOS45NyBjIC0wLjQ3MiwwIC0wLjg1MiwtMC4zNzggLTAuODUyLC0wLjg1MSAwLC0wLjQ3IDAuMzc5LC0wLjg1MiAwLjg1MiwtMC44NTIgMC40NzEsMCAwLjg1LDAuMzgyIDAuODUsMC44NTIgLTEwZS00LDAuNDczIC0wLjM4LDAuODUxIC0wLjg1LDAuODUxIHoiCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmYWZhZmE7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K'
    at Error (native)
    at Object.fs.openSync (fs.js:640:18)
    at Object.fs.readFileSync (fs.js:508:33)
    at Object.exports.fileToBase64Sync (/srv/user/node_modules/rfg-api/index.js:35:15)
    at Object.exports.normalizeMasterPicture (/srv/user/node_modules/rfg-api/index.js:189:47)
    at Object.exports.normalizeAllMasterPictures (/srv/user/node_modules/rfg-api/index.js:218:38)
    at Object.exports.normalizeAllMasterPictures (/srv/user/node_modules/rfg-api/index.js:221:38)
    at Object.exports.createRequest (/srv/user/node_modules/rfg-api/index.js:254:38)
    at Object.generateFavicon (/srv/user/node_modules/gulp-real-favicon/index.js:13:23)
    at Gulp.<anonymous> (/srv/user/gulpfile.js:59:14)

also what should I put into the faviconData.json file?

Answer 3 · 2016-12-08T09:24:39.000Z

Thank you. I reproduce the issue.

There are two issues in one:

The generated code doesn't work. This is RealFaviconGenerator/rfg-api#10
The generated code is not satisfying. Instead of inlining content, there should be a caption TODO: Path to your master picture, just like for the master picture. After all, you want to be able to update one of your files locally and having it taken into account when regenerating your icons.