X
Kliknite sem pre prechod na mobilnú verziu webu.

Fórum podpory

Screenshots now are saved in JPG instead of PNG. Can I fix it and revert to PNG saving?

Pridané

Firefox used to save screenshots of the web pages in PNG. It was totally fine but after recent update to 64.0.2 screenshots are saved locally in JPG. I didn't find any settings for the screenshots in the preferences or about:config and I would like to change this behavior back to the way it was previously.

Is it possible?

Firefox used to save screenshots of the web pages in PNG. It was totally fine but after recent update to 64.0.2 screenshots are saved locally in JPG. I didn't find any settings for the screenshots in the preferences or about:config and I would like to change this behavior back to the way it was previously. Is it possible?

Vybrané riešenie

1. Go to some website (my last example was synology). 2. Click ellipsis icon in the location bar. 3. Select “Take a Screenshot” in dropdown menu. 4. Click “Save Visible” in the screenshot overlay. 5. Check Downloads folder for saved screenshot in JPG format.

I tried this with this forum thread and the screenshot turned out to be a PNG, which is even more confusing — it seems that for some reason screenshot utility makes a choice of format by itself (probably based on some resulting file size threshold), and rules for this choice are opaque, baked in and not configurable.

It looks like I have to go and complain about it in the GitHub issues for screenshots rather than here on Support Forum. :\ And/or alter the help article to mention the cutoff limit in the first place.

(Digged around a bit more)

I found a thread about cutoff limits on GitHub: https://github.com/mozilla-services/screenshots/issues/3969 Hopefully it will help other people to find it if they come here looking for answer.

And a handy tip from that thread: “Found a workaround: Using the Devtools console and :screenshot --fullpage saves a PNG where the screenshot button seems to go with JPEG. I assume the cutoff must be less than 1.9MB, the size of a PNG that led me seek out this issue.

To have the full page PNG screenshot feature as a button, enable devtools.command-button-screenshot.enabled in about:config.”

Čítať túto odpoveď v kontexte 1

Ďalšie informácie o systéme

Nainštalované zásuvné moduly

  • Shockwave Flash 31.0 r0

Aplikácie

  • Firefox 64.0.2
  • Identifikácia prehliadača: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:64.0) Gecko/20100101 Firefox/64.0
  • URL adresa podpory: https://support.mozilla.org/1/firefox/64.0.2/Darwin/en-US/

Rozšírenia

  • 1Password extension (desktop app required) 4.7.3.90 (onepassword4@agilebits.com)
  • AliPrice Assistant - AliExpress Price Tracker 8.3.2 (jid1-kOqZHmOwLzTaFg@jetpack)
  • Bypass Paywalls 1.4.3 ({8e489d98-7a6d-46ba-9424-203c6b757172})
  • ColorZilla 3.3 ({6AC85730-7D0F-4de0-B3FA-21142DD85326})
  • Cookie Editor 0.1.3.1 ({48df221a-8316-4d17-9191-7fc5ea5f14c0})
  • Evernote Web Clipper 6.13.2 ({E0B8C461-F8FB-49b4-8373-FE32E9252800})
  • Firefox Multi-Account Containers 6.0.1 (@testpilot-containers)
  • Google Analytics Debugger 2.6.1 ({ca6be013-d122-41e1-a41e-98092dfff1e3})
  • Google Container 1.3.4 (@contain-google)
  • NoScript 10.2.1 ({73a6fe31-595d-460b-a920-fcc0f8843232})
  • Privacy Badger 2018.12.17 (jid1-MnnxcxisBPnSXQ@jetpack)
  • Session Boss 2.5 (sessionboss@william.wong)
  • Share on Freefeed 1.1.13 ({b5235082-33b2-42d3-b272-af52dd3fb4c3})
  • Stylus 1.5.2 ({7a7a4a92-a2a0-41d1-9fd7-1e92480d612d})
  • Tab Counter Plus 2.9.1 (tab-counter-plus@Loirooriol)
  • Tampermonkey 4.8.5847 (firefox@tampermonkey.net)
  • uBlock Origin 1.17.4 (uBlock0@raymondhill.net)
  • ADB Helper 0.12.1 (adbhelper@mozilla.org) (Neaktívny)
  • Adobe Acrobat 18.0.9 (web2pdfextension.17@acrobat.adobe.com) (Neaktívny)
  • DownThemAll! 3.0.8 ({DDC359D1-844A-42a7-9AA1-88A850A938A8}) (Neaktívny)
  • Restartless Restart 9.1-signed.1-signed (restartless.restart@erikvold.com) (Neaktívny)
  • Saka Key 1.25.5 ({46104586-98c3-407e-a349-290c9ff3594d}) (Neaktívny)

JavaScript

  • incrementalGCEnabled: True

Grafika

  • adapterDescription:
  • adapterDeviceID: 0x0a2e
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x8086
  • contentUsesTiling: True
  • crashGuards: []
  • driverDate:
  • driverVersion:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'description': u'OpenGL Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OPENGL_COMPOSITING'}, {u'status': u'opt-in', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}], u'name': u'WEBRENDER'}, {u'status': u'blocked', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blocked', u'message': u'No qualified hardware', u'type': u'env'}], u'name': u'WEBRENDER_QUALIFIED'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}]}
  • info: {u'TileHeight': 1024, u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'ApzAutoscrollInput': 1, u'AzureFallbackCanvasBackend': u'none', u'TileWidth': 1024, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • numAcceleratedWindows: 3
  • numTotalWindows: 3
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 3
  • usesTiling: True
  • webgl1DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Intel Inc. -- Intel Iris OpenGL Engine
  • webgl1Version: 4.1 INTEL-10.36.22
  • webgl1WSIInfo: CGL
  • webgl2DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl2Extensions: EXT_color_buffer_float EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Intel Inc. -- Intel Iris OpenGL Engine
  • webgl2Version: 4.1 INTEL-10.36.22
  • webgl2WSIInfo: CGL
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL
  • windowUsingAdvancedLayers: False

Upravené nastavenia

Ostatné

  • User JS: Nie
  • Prístupnosť: Áno
TyDraniu
  • Top 25 Contributor
338 riešení 1906 odpovedí

Are your screenshots bigger than 2MB?

Are your screenshots bigger than 2MB?

Autor otázky

No, two of the last ones are JPGs in the range of 600-700 KB.

No, two of the last ones are JPGs in the range of 600-700 KB.
WestEnd 60 riešení 5387 odpovedí

Give steps that your using so others can verify where the problem is happening?

Give steps that your using so others can verify where the problem is happening?

Vybrané riešenie

1. Go to some website (my last example was synology). 2. Click ellipsis icon in the location bar. 3. Select “Take a Screenshot” in dropdown menu. 4. Click “Save Visible” in the screenshot overlay. 5. Check Downloads folder for saved screenshot in JPG format.

I tried this with this forum thread and the screenshot turned out to be a PNG, which is even more confusing — it seems that for some reason screenshot utility makes a choice of format by itself (probably based on some resulting file size threshold), and rules for this choice are opaque, baked in and not configurable.

It looks like I have to go and complain about it in the GitHub issues for screenshots rather than here on Support Forum. :\ And/or alter the help article to mention the cutoff limit in the first place.

(Digged around a bit more)

I found a thread about cutoff limits on GitHub: https://github.com/mozilla-services/screenshots/issues/3969 Hopefully it will help other people to find it if they come here looking for answer.

And a handy tip from that thread: “Found a workaround: Using the Devtools console and :screenshot --fullpage saves a PNG where the screenshot button seems to go with JPEG. I assume the cutoff must be less than 1.9MB, the size of a PNG that led me seek out this issue.

To have the full page PNG screenshot feature as a button, enable devtools.command-button-screenshot.enabled in about:config.”

1. Go to some website (my last example was synology). 2. Click ellipsis icon in the location bar. 3. Select “Take a Screenshot” in dropdown menu. 4. Click “Save Visible” in the screenshot overlay. 5. Check Downloads folder for saved screenshot in JPG format. I tried this with this forum thread and the screenshot turned out to be a PNG, which is even more confusing — it seems that for some reason screenshot utility makes a choice of format by itself (probably based on some resulting file size threshold), and rules for this choice are opaque, baked in and not configurable. It looks like I have to go and complain about it in the GitHub issues for screenshots rather than here on Support Forum. :\ And/or alter the help article to mention the cutoff limit in the first place. (Digged around a bit more) I found a thread about cutoff limits on GitHub: https://github.com/mozilla-services/screenshots/issues/3969 Hopefully it will help other people to find it if they come here looking for answer. And a handy tip from that thread: “Found a workaround: Using the Devtools console and :screenshot --fullpage saves a PNG where the screenshot button seems to go with JPEG. I assume the cutoff must be less than 1.9MB, the size of a PNG that led me seek out this issue. To have the full page PNG screenshot feature as a button, enable '''devtools.command-button-screenshot.enabled''' in about:config.”
ascanio1 0 riešení 52 odpovedí

I have the opposite problem.

Mine saves in png and I want it in jpg.

Can anyone please help me recert to jpg? I cannot attach png to emails and I have to go through the labourious process of using an image editor!

Thank you in advance for anyone willing to invest his time/expertise to help me.

Tommaso

I have the opposite problem. Mine saves in png and I want it in jpg. Can anyone please help me recert to jpg? I cannot attach png to emails and I have to go through the labourious process of using an image editor! Thank you in advance for anyone willing to invest his time/expertise to help me. Tommaso
cor-el
  • Top 10 Contributor
  • Moderator
17580 riešení 159053 odpovedí

When the PNG exceeds a specific size limit then a compressed JPG file is saved instead and this file is likely a lot smaller. You can always use an image editor application to convert files to JPG. You could possibly go from JPG to PNG by making the screenshot of a smaller screen area and/or zoom out.

When the PNG exceeds a specific size limit then a compressed JPG file is saved instead and this file is likely a lot smaller. You can always use an image editor application to convert files to JPG. You could possibly go from JPG to PNG by making the screenshot of a smaller screen area and/or zoom out.