问题标签 [pixelate]

有什么合法的方法可以得到这个： True Pixels dot JPEG

由此： Not_True Pixels dot JPEG

我通过实时图像过滤获得了第一个，但它提供了随机像素选择和低 FPS。

PS我想缩放整个窗口（或视图）并获得大像素（2x，4x），所以任何解决方案都可能是好的（例如WinAPI）。

我现在正在做的是，我得到所有像素var getPixels = require("get-pixels")，然后我用这个代码循环像素数组：

这种方法的问题是结果图像太锐利。

我正在寻找的是类似于 ImageMagick -sale 完成的这个

我用于第二个的命令是

这种方法的问题是我不知道如何指定实际的像素大小。

那么是否有可能通过该for循环获得第二个结果。或者更好地使用 imagemagick -scale 但如果有人可以帮助数学，那么我可以拥有实际的像素大小会很棒。

因此，在我正在处理的项目中，其中一个图像有一个由转换器控制的源，以确定显示哪张图片（用于快速状态类型指示器）。

图像大小由屏幕大小决定，因为它位于网格行中，随着屏幕视图的变化而调整大小。

当我运行应用程序时，图像非常像素化。其他不使用转换器的类似图像则不是。转换器仅更改图像的来源，不应用任何图像处理。

我尝试了一种在 Stack Overflow（下）上找到的不同方法，但我需要在不指定宽度/高度的情况下调整它的大小。

这没有用。

这是当前图像和另一个用于比较的图标。左侧的尺寸正确。它们都具有相似的分辨率，比显示的要大得多。

这是当前代码，经过修改以保护图像源隐私。

如您所见，尺寸保持打开状态以适应当前屏幕尺寸。

同样，转换器不会以任何方式操纵大小，它只是更改文件路径。

这是Donovan 和 Kernighan的 The Go Programming Language中的一个练习：

练习 3.6：超级采样是一种通过计算每个像素内多个点的颜色值并取平均值来减少像素化影响的技术。最简单的方法是将每个像素分成四个“子像素”。实施它。

这是我的解决方案：

但是，我的解决方案的结果似乎并没有减少像素化的影响：

我的解决方案错了吗？

我正在使用 Cordova 构建在 iOS 和 Android 上运行的应用程序。

Cordova 版本 7.0.1 - 平台 Android 版本 6.2.3

我在 Android 上遇到了关于启动画面大小的问题。正如您在下面的 config.xml 中所见，我为每种密度设置了 6 个不同的 PNG 大小。

好吧，当我在分辨率为 800x1280 的联想平板电脑上启动该应用程序时，它会显示错误的 PNG 文件。该应用决定显示 LDPI，分辨率为 400x240。结果当然非常糟糕而且非常像素化，我不能那样发布我的应用程序。

我在智能手机 Galaxy J 上试过，一切正常，在启动画面期间选择了良好的 PNG 大小。

我试图删除除较高的 PNG 文件（1920x1280 xxxhdpi）之外的所有 PNG 文件。该应用程序显示它，但结果更糟糕。图像真的更加像素化......真的很奇怪的问题。

我还没有在网上找到任何解决方案。有任何想法吗？

我正在开发 android 相机应用程序，我想在我的相机预览中应用这个像素化图层？？请帮忙！

在开发 Android 应用程序时，我看到资产中显示的所有图像都是像素化的。

我正在使用这 2 行来显示它们：

图像的尺寸为：128/128 或 256/256，并显示在方形 ImageView 中。

有人想保持我的图像质量吗？

我决定认真对待网页设计，目前主要关注客户端。我一直在研究一些包含低分辨率图像并放大以获得像素化外观的设计。问题是在不同的浏览器和不同的机器下测试时，我总是遇到质量参差不齐的问题。到目前为止，我发现了 2 种相当简单的方法（见下文）来获得像素化结果，90% 的时间都有效：一种通过修改 css 属性，另一种通过更改 js 中的画布上下文变量。这两种解决方案都会在最新版本的 Firefox、Chrome、Safari、Opera 和 Vivaldi 中产生清晰的边缘像素化；虽然，在我的旧电脑上进行测试时，我在不同的浏览器上测试时有不同程度的模糊。经过进一步搜索，我提出了第三种解决方案（见下文），涉及在画布上下文中调用 ImageData()，并将该数据应用到新图像，然后将该图像绘制到画布并重新缩放。在我的所有测试中，该解决方案在创建清晰图像方面做得最好。问题是我的算法运行速度比前 2 个解决方案慢约 100 倍。虽然我认为这可能会在尝试设计响应式 Web 应用程序时引起问题，但这一秒的一小部分几乎不会引起注意。有没有办法让我的算法更快？还是应该放弃支持旧机器和替代浏览器？虽然我认为这可能会在尝试设计响应式 Web 应用程序时引起问题，但这一秒的一小部分几乎不会引起注意。有没有办法让我的算法更快？还是应该放弃支持旧机器和替代浏览器？虽然我认为这可能会在尝试设计响应式 Web 应用程序时引起问题，但这一秒的一小部分几乎不会引起注意。有没有办法让我的算法更快？还是应该放弃支持旧机器和替代浏览器？

1. CSS 解决方案

   /li>

2. ImageSmoothingEnabled=false

   /li>

3. 自定义 JavaScript

   /li>

注意（跨域问题）：某些浏览器需要禁用安全性才能处理本地文件。

FireFox：默认工作

Safari：首先您需要启用开发菜单。单击开发菜单选择禁用本地文件限制。

Chrome：终端：“打开 -a “谷歌浏览器”--args --allow-file-access-from-files”

Opera：终端：“open -a Opera --args --allow-file-access-from-files”

Vivaldi：终端：“open -a Vivaldi --args --allow-file-access-from-files”

我在网上阅读，发现可以根据使用边缘检测器检测到的行数然后应用霍夫变换来判断图像是否像素化。
我尝试了这种方法，霍夫变换似乎没有正确检测线条我无法弄清楚为什么它不能正常工作。
以下是一些结果图像供参考： Canny 边缘检测结果

和霍夫变换结果

我可以做些什么来改善线路检测？
我用来执行此操作的代码基于一些在线教程：

这是我的代码：

它应该使图片像素化，但它向我展示了这一点：

“方法 Illuminate\Http\UploadedFile::pixelate 不存在。”